.jcity-background {
    position: relative;
    min-height: calc(100vh - 4rem);
    overflow: hidden;

    background-color: #07152d;
    background-image: url("../jcitycloudy-background-desktop.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: scroll;
}

.jcity-background main {
    position: relative;
    z-index: 1;
}

.jcity-background .site-footer {
    position: relative;
    z-index: 1;
}

@media (orientation: portrait) {
    .jcity-background {
        background-image: url("../jcitycloudy-background-mobile.png");
        background-position: center top;
        background-size: cover;
    }
}

@media (max-width: 640px) {
    .jcity-background {
        min-height: calc(100vh - 4rem);
        background-image: url("../jcitycloudy-background-mobile.png");
        background-position: center top;
        background-size: cover;
    }
}

@media (orientation: landscape) and (max-height: 640px) {
    .jcity-background {
        background-image: url("../jcitycloudy-background-desktop.png");
        background-position: center top;
        background-size: cover;
    }
}