body {
    overflow-y: hidden;
    overflow-x: hidden;
}
.header-container {
    background: none;
}
.background-plain {
    width: 100vw;
    min-height: 180vw;
    max-height: 100vh;
    background-image: url(../background/background-mobile-4k.jpg), url(../background/background-mobile-hd.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
}
.content-container {
    min-height: calc(88vh - 4em);
}
@media (min-width: 56em) {
    .menu-container {
        background: none;
    }
    .content-container {
        min-height: calc(100vh - 4em);
    }
}
@media (min-aspect-ratio: 13/16) {
    .background-plain {
        background-image: url(../background/background-mobile-4k.jpg), url(../background/background-mobile-hd.jpg);
        background-position-y: top;
        background-size: contain;
    }
}
@media (min-aspect-ratio: 1/1) {
    .background-plain {
        background-image: url(../background/background-mobile-short-4k.jpg), url(../background/background-mobile-short-hd.jpg);
        background-position-y: top;
        background-size: contain;
    }
    .social-container {
        margin-bottom: 1em;
    }
}
@media (min-aspect-ratio: 14/9) {
    .background-plain {
        background-image: url(../background/background-desktop-logo-4k_1.jpg), url(../background/background-desktop-logo-hd_1.jpg);
        min-height: 77vw;
        max-height: 100vh;
        background-position-y: top;
        background-size: contain;
    }
}
@media (min-aspect-ratio: 19/9) {
    .background-plain {
        background-image: url(../background/background-desktop-short-logo-4k.jpg), url(../background/background-desktop-short-logo-hd.jpg);
    }
}