html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.home-page-background {
    z-index         : -100;
    position        : fixed;
    top             : 0px;
    left            : 0px;
    width           : 100vw;
    height          : 100vh;
    background      : url(../img/official-bg.jpg);
    background-size : cover;
    opacity         : 1;
}

.app-login-root .app-logo, .app-logout-root .app-logo {
    background-image    : url(../img/official-logo.png);
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : contain;
    width               : 300px;
    height              : 100px;
}