/* Footer */
footer{
    background-color: var(--grey3);
    color: var(--white1);
}

.footer_wrapper{
    padding: 40px 100px 20px 100px;
}

/* Footer top section */
.footer_main_info{
    display: flex;
    justify-content: space-between;
}

/* Footer top section divs */
.footer_general_info, .footer_services, .footer_information, .footer_contacts{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Footer logo */
.footer_general_info img{
    width: 120px;
    height: 35px;
}

/* Text beneath footer logo */
.footer_general_info > span{
    width: 288px;
}

/* Footer links */
.footer_services nav > ul, .footer_information nav > ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Footer links */
.footer_services nav  ul li a, .footer_information nav  ul li a{
    font-weight: 500;
    font-size: 14px;
}

/* Footer links */
.footer_services nav  ul li:hover a, .footer_information nav  ul li:hover a{
    color: var(--white1);
}

/* Separator between upper and bottom footer */
.footer_section_separator{
    content: "";
    border: 1px solid var(--white1);
    margin-top: 30px;
    margin-bottom: 20px;
}

/* Bottom footer */
.footer_bottom_info{
    display: flex;
    justify-content: space-between;
}

/* Footer cookies and site politics */
.footer_cookies_politics{
    display: flex;
    gap: 30px;
}

/* Upper footer sections */
.footer_general_info, .footer_services, .footer_information, .footer_bottom_info .body3, .footer_cookies_politics{
    padding-right: 20px;
}

@media screen and (max-width:1100px) {

    /* Footer */
    .footer_wrapper{
        padding: 40px 50px 20px 50px;
    }
}

@media screen and (max-width:950px) {

    /* Footer upper section */
    .footer_main_info{
        flex-direction: column;
        gap: 25px;
    }

    /* Footer logo + text beneath */
    .footer_general_info > span{
        width: unset;
        text-wrap: balance;
    }

    /* Services , information, contacts */
    .footer_services, .footer_information, .footer_contacts{
        gap: 12px;
    }

    /* Footer logo + text beneath */
    .footer_general_info{
        gap: 15px;
    }

    /* Footer links */
    .footer_services nav > ul, .footer_information nav > ul{
        gap: 7px;
    }

    /* Footer logo */
    .footer_general_info img{
        width: 140px;
        height: 45px;
    }

    /* Services, information, contacts title text */
    .footer_services span, .footer_information span, .footer_contacts .caption3{
        font-weight: 600;
    }

    /* Text in upper/bottom footer */
    .footer_services nav ul li a, .footer_information nav ul li a, .footer_cookies_politics a, .footer_bottom_info .body3, .footer_bottom_info .btn1, .footer_contacts .body3{
        font-weight: 400;
    }

    /* Separator between upper and bottom footer */
    .footer_section_separator{
        margin-top: 25px;
        margin-bottom: 15px;
    }

    /* Bottom of footer */
    .footer_bottom_info{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    /* Cookies + site politics section */
    .footer_cookies_politics{
        order: 1;
        gap: 15px;
    }

    /* Credentials */
    .footer_bottom_info .body3{
        order: 2;
    }

    /* "Solution" */
    .footer_bottom_info .btn1{
        order: 3;
    }

    /* Upper footer + bottom of footer */
    .footer_general_info, .footer_services, .footer_information, .footer_bottom_info .body3, .footer_cookies_politics{
        padding: 0px;
    }
}

@media screen and (max-width:769px) {

    /* Footer */
    .footer_wrapper{
        padding: 40px 15px 20px 15px;
    }
}

@media screen and (max-width:479px) {

    /* Footer */
    .footer_wrapper{
        padding: 30px 20px;
    }

    /* Footer logo + text beneath */
    .footer_general_info > span{
        font-size: 12px;
    }

    /* Logo */
    .footer_general_info img{
        width: 102px;
        height: 30px;
    }

    /* Text in services + information + contact sections */
    .footer_services span, .footer_information span, .footer_contacts .caption3{
        font-size: 14px;
    }

    /* Text in upper/bottom footer */
    .footer_services nav ul li a, .footer_information nav ul li a, .footer_cookies_politics a, .footer_bottom_info .body3, .footer_bottom_info .btn1, .footer_contacts .body3{
        font-size: 12px;
    }

}