@media (max-width: 1200px) {

}

@media (max-width: 1020px) {

}

@media (max-width: 520px) {

}

@media (max-width: 768px) and (min-width: 320px) {

    header {margin-bottom: 0;}

    .moskvin-menu .nav {
        flex-direction: column;
        align-items: flex-end;
    }

    .moskvin-menu .nav-link {color: #000; font-size: 1.5rem; font-weight: 500;}
    .moskvin-menu .nav-link + .nav-link {margin-top: 2rem;}

    .vostok-first {border-radius: 2rem; overflow: hidden;}

    .vostok-first-video {
        position: absolute;
        top: 0;
        height: 100%;
        width: auto;
    }

    .vostok-catalog {border-radius: 2rem; padding: 2rem .5rem;}

    .vostok-cc-panel {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .vostok-cc-title {flex: 1 0 auto;}

    .vostok-map {
        padding-bottom: 1.25rem;
        border-radius: 2rem;
    }

    footer {margin-top: .5rem;}
    footer .moskvin-socials {
        display: flex;
        flex-direction: column;
        margin-top: 4rem;
        align-items: flex-end;
    }

    .vostok-footer {border-radius: 2rem;}

    .vostok-footer-logo {margin-bottom: 2rem;}

    .vostok-footer-contacts {align-items: flex-start; margin-top: 4rem;}

    .moskvin-socials {display: flex; flex-direction: column; align-items: flex-end;}
    
}