html {
    background: #fff;
}
h1 {
    text-align: center;
    margin-top:15px;
}
label {
    font-weight: bold;
}
label.required::after {
    content: ' *'
}
form {
    max-width: 400px;
    width: 100%;
}

.form-control {
    background-color: #fff;
}
.errornote {
    max-width: 400px;
}
#site-header {
    display: none;
}

#site-content {
    background-color: #fff !important;
    top: 0;
    height: 100vh;
    min-height:525px;
    width: 100vw;
    overflow: auto !important;
}
#cover {
    height: 40%;
}
#content-main {
    height: 60%;
}
#logo {
    width: 144px;
    height: 144px;
}

@media (min-width:990px){
    html {
        background: #12263f;
    }
    h1 {
        color: #fff;
        margin-top: 50px;
        font-size:2.2vw;
        text-shadow: #000 1px 1px 2px;
    }
    #site-content {
        box-shadow:#222 0 0 5px;
        -moz-box-shadow:#222 0 0 5px;
        -webkit-box-shadow:#222 0 0 5px;
        margin-left: 0;
        width: 500px;
    }

    #cover {
        height:100vh;
        position:fixed;
        top: 0;
        left: 500px;
        width: calc(100vw - 500px);
        z-index: 4;
    }
    #content-main {
        height: calc(100vh - 50px);
    }
}