
footer {
    background: #000;
    font-family: 'Open Sans', sans-serif;
}
footer html, footer body, footer div, footer span, footer applet, footer object, footer iframe, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre, footer a, footer abbr, footer acronym, footer address, footer big, footer cite, footer code, footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer s, footer samp, footer small, footer strike, footer strong, footer sub, footer sup, footer tt, footer var, footer b, footer u, footer i, footer center, footer dl, footer dt, footer dd, footer ol, footer ul, footer li, g footer fieldset, footer form, footer label, footer legend, footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td, footer article, footer aside, footer canvas, footer details, footer embed, footer figure, footer figcaption, footer footer, footer header, footer hgroup, footer menu, footer nav, footer output, footer ruby, footer section, footer summary, footer time, footer mark, footer audio, footer video {
    color: #fff;
}
footer ul,
footer ol {
    list-style: none;
    clear: left;
    margin: 0;
    padding: 0;
}
footer a:-webkit-any-link {
    text-decoration: none;
}
.footer_wrap {
    max-width: 1440px;
    padding: 48px 20px;
    margin: auto;
}
footer h2 {
    background: unset;
    height: unset;
    line-height: normal;
    font-size: 32px;
    text-align: unset;
    font-family: 'league_gothicregular';
    font-weight: normal;
    margin-bottom: 16px;
}
.footer_wrap {
    display: flex;
}
.footer_list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex: 1;
    max-width: 1074px;
}
.footer_socials {
    margin-left: auto;
}
.footer_socials ul {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
.footer_socials h2 {
    margin-bottom: 32px;
}
/* .footer_list div {
    width: 220px;
} */
footer .footer_app {
    width: 342px;
}
.footer_list li {
    font-size: 16px;
    line-height: 27px;
}
footer .footer_app p {
    padding: 0;
}
footer .footer_app p:first-of-type {
    margin-bottom: 24px;
}
.footer_copyright {
    border-top: 1px solid rgb(255, 255, 255, .2);
}
.footer_copyright .copyright_wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: 1440px;
    margin: auto;
    justify-content: space-between;
    padding: 20px;
    font-size: 12px;
}
.copy_right ul {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
@media (max-width:1024px) {
    footer .footer_app {
        width: auto;
    }
    .footer_list {
        flex-direction: row;
        margin-bottom: 80px;
    }
    .footer_socials {
        margin-right: auto;
        margin-left: unset;
    }
    .footer_wrap {
        flex-direction: column;
    }
}

@media (max-width:768px) { 
    .footer_wrap {
        width: 437px;
    }
    .footer_list > div {
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        width: 50%;
        box-sizing: border-box;
    }
    .footer_list > div::nth-child(even) { 
        padding-left: 40px;
    }
    .footer_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 64px;
    }
}
@media (max-width:767px) { 
    .footer_copyright .copyright_wrapper {
        gap: 20px;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .copy_right ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:520px) { 
    .footer_list > div {
        width: calc(100% / 3);
        padding: 0 18px;
    }
    .footer_list > .footer_app {
        width: 100%;
        text-align: center;
    }
    .footer_wrap {
        width: auto;
        padding: 20px 10px;
    }
    .footer_app_wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 320px;
        margin: auto;
    }
    .footer_list {
        margin-bottom: 20px;
        row-gap: 44px;
    }
    .footer_socials {
        margin: auto;
    }
    footer h2 {
        height: 38px;
        box-sizing: border-box;
    }
}