.pages-content{
         
    padding: 20px;
     margin: auto;
       
   }
 

   

.page-form{
    display: flex;
    align-items: center;
    
}

.page-form-item{
    flex-grow: 1;
    flex-basis: 0;
    padding: 10px;
}

.page-form-info{

     color: #1e1e1e;
    border-radius: 10px;
    text-align: center;
    padding: 30px;
    

}

.page-form-input
{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #4d4d4d;
    padding: 2px;
    width: 100%;
    
    cursor:pointer;
    outline: none;
     font-family: var(--main-font-family);
     font-size: 18px;
}


.page-form-textarea
{
    border: 0;
    background: transparent;
    border-bottom: 1px solid #4d4d4d;
    width: 100%;
    height: 80px;
    
    cursor:pointer;
    outline: none;
        font-family: var(--main-font-family);
}



.bl-group{


display: flex;
flex-wrap: wrap;


}

.bl{

padding: 5px;
color:white;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 320px;
margin: 10px;

}
.bl-green{

    background-color: rgb(70, 151, 124);
}

.bl-orange{

    background-color: #4196ac;
}

.bl-item-1{
    flex-grow: 1;
    flex-basis: 0;
     text-align: center;
}

.bl-item-2{
    flex-grow: 2;
    flex-basis: 0;
    
}




.course-group{
    display: flex;
    flex-wrap: wrap;
}

.course{
width:300px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #c5c1c1;
margin: 10px;
}

.course-text{

    padding: 10px;
    
}


.course-desc{

    padding: 10px;
    
    height: 200px;
    
}

.resp-image{

    width: 100%;
}


      



@media (max-width: 767px) {

    .page-form{
        display: block;
    }
  

}


@media (min-width: 768px) {
    
    
    .pages-content{
        width: 760px;
        
    }

    }



@media (max-width:992px) {

  
    
}



@media (min-width:992px) {

    
    .pages-content{
        width: 980px;
        
    }

}


@media (min-width: 1200px) {

    .pages-content{
        width: 1100px;
      
    }
    

}


@media (min-width: 1400px) { 


    .pages-content{
        width: 1300px;
        
        
    }
}