/*
This file describes styles that are 576 pixels width or smaller
 */
@media all and (max-width: 576px){
    h1{
        font-size: 3.0208rem;
        line-height: 4rem
    }
    h1:before, .short-line{
        width: 80px;
        height: 4px
    }
    h1:before{
        top: -18px
    }
    .header .logo img{
        /*height: 40px;*/
        max-width: 150px;
    }
    .footer .logo img
    {
        max-width: 100%;
    }
    .header .btn {
        padding: 8px 15px;
        height: 40px;
        font-size: 1.4rem
    }
    .location-block .btn{
        text-align: center;
        width: 100%
    }
    .main-block .btns{
        flex-direction: column;
        gap: 10px
    }
    .main-block .btns a{
        width: 100%;
        text-align: center
    }
    .main-block .btns{
        flex-direction: column;
        gap: 15px
    }
    .main-block .btns a, .content-with-img-block .btn, .ready-block .btn{
        width: 100%
    }
    .collage-block__item:first-child, .collage-block__item{
        height: 350px
    }
    .item-info-block .price,
    .no-free-unit-msg .price
    {
        font-size: 4.5rem;
        line-height: 4.8rem
    }
    .item-info-block .price-info,.no-free-unit-msg .price-info {
        margin-top: 5px
    }
    .item-info-block .price-container {
        margin-bottom: 30px
    }
    .size-slider-item .btn{
        width: 100%
    }
    article table tr td {
        font-size: 1.6rem
    }

    .footer-top{
        grid-template-columns: 1fr
    }
    .footer-bottom nav ul{
        flex-direction: column;
        gap: 0
    }
    .footer-bottom{
        align-items: flex-start
    }
    .footer-bottom .copyright{
        text-align: left;
        margin-bottom: 15px
    }
    .footer-bottom nav ul{
        align-items: flex-start
    }
    .footer-bottom nav ul li:last-child{
        margin-left: 0
    }
    .footer .email, .footer address .address{
        padding-left: 32px
    }
    .contact-block__form .popup-book-now-content .form p + form {
        margin-top: 50px;
    }


}