html, body { margin: 0; padding: 0; height: 100vh; overflow: hidden; }

body {
    text-align: center;
    background: url('/img/bg.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.text-small{ font-size: 0.6rem; }

.login-box {
    margin-top: 100px;
    border-radius: 10px;
    padding: 30px;
    background-color: #f8f9fa;
    width: 362px;
    margin-left: auto;
    margin-right: auto;
}

.register-box {
    margin-top: 100px;
    border-radius: 10px;
    padding: 10px;
    background-color: #f8f9fa;
    width: 362px;
    margin-left: auto;
    margin-right: auto;
}

.reg-label{
    width: 340px;
    text-align: left;
    font-size: 0.9em;

}



@media (orientation: landscape) and (max-height: 500px) {
    body { background-size: 100vw 100vh; }
}

@media screen and (max-width: 600px) {
    .content { margin-top: 100px; width: 200px; padding: 0px; font-size: 14px; }
}