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

.login-page, .register-page {
    min-height: 100%;
    background: url('https://stintelliofficeuksprod.blob.core.windows.net/public/intellioffice/io_login_background.jpg') no-repeat fixed center bottom transparent;
    background-size: cover;
}
.login-top-header {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    font-size: x-large;
    font-weight: bold;
    text-shadow: -1px -1px 0 #1f1f1f, 1px -1px 0 #1f1f1f, -1px 1px 0 #1f1f1f, 1px 1px 0 #1f1f1f;
}
body {
    min-height: 100%;
    background: url('https://stintelliofficeuksprod.blob.core.windows.net/public/intellioffice/io_login_background.jpg') no-repeat fixed center bottom transparent;
    background-size: cover;
}

.login-box, .register-box {
    width: 30%;
    margin: 7% auto
}

@media (max-width: 900px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 5px;
    }
}

.login-box-body, .register-box-body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
    border-radius: 5px;
}

    .login-box-body h4 {
        font-size: 14px;
    }

    .login-box-body h2 {
        font-size: 16px;
        font-weight:bold;
        color:dimgrey;
    }
    .io_header {
        color:steelblue;
        font-size:20px;
        float:right;
    }