html, body {
    height: 100%;
}

body {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-repeat: no-repeat; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

#page {
    width: 100%;
}

footer {
    text-align: center;
}

html body footer .footer .copyright {
    float: none;
}

header {
    border-bottom: none !important;
    background: none !important;
}

.advance-footer, .footer-wrapper {
    display: none;
}

#open-menu {
    display: none !important;
}

.logo {
    flex-grow: 1;
    text-align: center;
}

.nav-wrapper {
    display: none !important;
}

.login-wrapper {
    max-width: 300px;
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 767px) {
    body {
        background-repeat: no-repeat !important; 
        background-position: center center !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
}