/*Медиа запросы на адаптацию*/

@media (max-width: 800px) { /* Если ниже этого то код работает*/
    
 .cont_gl,.cont_gl2,.cont_gl3{
        margin-top: 75px;
        display: flex;
    flex-direction: column; /* расположение по вертикали */
    }
.foo{

        display: flex;
    flex-direction: column; /* расположение по вертикали */
}

.l,.r{
    width: 100%;
    text-align: center;
    padding-top: 0px

}

.h2{
    font-size: 24px;
}
.h22{
    font-size: 24px;
}


.obs{
    gap: 20px;
    display: flex;
    flex-direction: column; /* расположение по вертикали */
    gap: 20px;
    
}

}


@media (max-width: 1350px){ /* Если ниже этого то код работает*/
    .nazad{
        width: 95%;
        margin: 0 auto;
        
    }
    .cont_gl,.cont_gl2,.cont_gl3{
        width: 95%;
        margin: 30px auto;
    }
    .cont_con{
        width: 95%;
        margin: 0 auto;
    }
    .foo{
        width: 95%;
        margin: 0 auto;
    }
}










@media (min-width:800px){ /* Если выше этого то код работает*/
    .he{
    display: none;
}
   
}