html {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-size: 100% auto;
    font-family: 'Open Sans', sans-serif;
}

body {
    position: relative
}
@media only screen and (max-width: 667px) {
    html, body{
        overflow-x: hidden;
    }
}
.footer_a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 5px 20px 5px 0;
}

@media only screen and (max-width: 667px) {
    .footer_a {
        padding: 10px;
    }
}



.footer-container, .footer-li {
    position: relative;
    display: flex;
    align-items: left;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.footer-container {
    align-content: flex-start;
    flex-direction: column;
}

@media only screen and (max-width: 667px) {
    .footer-container, .footer-li {
        display: contents;
        justify-content: center;
    }
}

.footer-clickables {
    display: flex;
    flex-direction: row;
    text-align: center;
}

@media only screen and (max-width: 667px) {
    .footer-clickables {
        flex-direction: column;
    }
}

.sections {
    margin-right: auto;
    width: max(300px, 20%);
}

.footer-socials {
    display: inline-block;
    width: max(200px, 20%);
}

.footer-contacts {
    margin-left: auto;
    width: max(300px, 20%);
    text-align: right;
}

.footer-titles {
    color: #ffcc33;
    margin: 10px 0;
}

@media only screen and (max-width: 667px) {
    .footer-socials {
        order: 3;
        width: fit-content;
        margin: 10px auto;
    }
    .sections {
        order: 1;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        margin-right: none;
        margin: 10px 0px;
    }
    .footer-contacts {
        order: 2;
        margin: 10px 0px;
    }
    .footer-titles {
        font-size: 18px;
        text-align: center;
    }
    .footer-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .footer-li {
        font-size: 18px;
    }
}

.footer-wrapper {
    color: white;
    padding: 20px 50px 10px 50px;
}

@media only screen and (max-width: 667px) {
    .footer-wrapper {
        padding: 20px 0px 10px 0px;
    }
}

.footer-social-links-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.sections .footer-titles {
    text-align: left;
}

@media only screen and (max-width: 667px) {
    .sections .footer-titles {
        text-align: center;
    }
}

@media only screen and (max-width: 667px) {
    .footer-contacts {
        order: 2;
        text-align: center;
    }
}

.footer-signature {
    text-align: center;
    margin: 10px;
    font-size: 18px;
}

.footer-email {
    padding: 5px 0 5px 20px;
}

.footer-telegram {
    padding: 5px 0 5px 20px;
}

.footer-socials-link a, img {
    text-decoration: none;
    color: white;
}

.footer-email a, img {
    text-decoration: none;
    color: white;
}

.footer-telegram a, img {
    text-decoration: none;
    color: white;
}

.footer-social-links-wrapper img {
    height: 25px;
    width: 25px;
}

.footer-contacts img {
    height: 20px;
    width: 20px;
    vertical-align: text-bottom;
}

.footer-contacts a:hover {
    color: #ffcc33;
}
.footer-writeus {
    padding: 5px 0 5px 20px;
    color:white;
    text-decoration: none;
}

.footer_a:hover, .footer_a:focus, .activeBottom {
    color: #ffcc33;
}