
.footer {
    background-color: white;
    
    color: black;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    padding-top: 105px;

    /* overflow: hidden; */
}

/* текст-картинка и надпись с тремя картинками */
.row {
    display: flex;
    flex-direction: row;
    gap: 81px;

    align-items: center;
    justify-content: center;
    max-width: 1440px;
    /* padding-left: var(--padding-mobile-horizontal); */
    /* padding-right: var(--padding-mobile-horizontal); */
}

.h1 {
    font-family: 'TT Travels Next';
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 100%;
}

.h1 {
    padding-top: 50px;
}

.h2 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;

    padding-top: 19px;
}

/* Выше картинки ниже текст */
.right {
    display: flex;
    flex-direction: column;
}

/* Начало трех картинки */
.right_image {
    display: flex;
    flex-direction: row;
    gap: 38px;
    align-items: baseline;
}

.right_image img {
    width: 100%;
    height: auto;
    position: relative;
}

.right_image img:nth-child(1) {
    top: -44px;
}

.right_image img:nth-child(3) {
    top: 150px;
}

@media screen and (max-width: 1340px) {
    .h1 {
        font-size: 42px;
        
        padding-top: 25px;
    }
    .h2 {
        font-size: 24px;
    }
    .h1 {
        width: fit-content;
    }
    .h2 {
        width: fit-content;
    }
    .right {
        width: 39vw;
    }
    .right_image {
        position: relative;
        left: -60px;
        scale: 0.80;
    }
    .row {
        gap: 40px;
    }
    .head_image {
        max-width: 40vw;
    }
}

@media screen and (max-width: 680px) {
    .h1 {
        font-family: 'TT Travels Next';
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 100%;
    }

    .h2 {
        
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
    }
}


/* --- Конец трех картинок */

.logo {
    padding-top: 76px;
    padding-bottom: 90px;
    max-width: 465px;
    width: 100%;
}

.logo img {
    width: 100%;
}

@media screen and (max-width:1000px) {
    .head_image {
        max-width: 70vw;
        z-index: 1;
    }
    .right_image {
        display: none;
        z-index: 2;
    }
    .row {
        padding-top: 100px;
        flex-direction: column;
        align-items: baseline;
        position: relative;
        gap: 120px;
    }
    .right {
        width: 100%;
    }
    .footer {
        padding-top: 0;
    }
    .logo {
        padding-top: 58px;
        max-width: 45vw;
        padding-bottom: 67px;
    }

    .row::after {
        margin-top: 20px;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("./image_mobile_group.png");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width: 680px) {
    .head_image {
        max-width: 300px;
    }
    .logo {
        padding-top: 58px;
        max-width: 250px;
    }

    .row::after {
        top: 30px;
    }

    .row {
        gap: 60px;
    }
}

@media screen and (max-width: 370px) {
    .head_image {
        max-width: 80vw;
    }
    .h1 {
        font-size: 8vw;
    }
    .h2 {
        font-size: 4vw;
    }
    .logo {
        max-width: 70vw;
    }
}


.copyright {
    font-family: Inter;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    margin: 52px auto 82px;
}

@media screen and (max-width: 800px) {
    .copyright {
        margin: 28px auto 44px;

        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;

        text-align: start;
        padding: 0 var(--padding-mobile-horizontal);
    }
}

@media screen and (max-width: 340px) {
    .copyright {
        font-size: 9px;
    }
}