html {
    height: 100%;
    font-family: "Segoe UI";
    font-size: 18px;
    background-color: #38529C;
}

.header-wrapper{
    padding: 20px;
}

@media(min-width:576px){
    .header-wrapper{
        padding: 3em 5em;
    }
}

.LoginControls_wrapper {
    margin: 0 auto;
    /* position: fixed; */
    top: 24em;
    width: 100%;
    text-align: center;
    margin-top: 3em;
}

.LoginControls_wrapper ul, .resetControls_wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.LoginControls label {
    display: inline-block;
    width: 130px;

}

.LoginControls input[type=text], .LoginControls input[type=password] {
    width: 200px;
}
.LoginControls label {
    min-width: 100px;
    display: inline-block;
}

.LoginControls ul li {
    padding: 10px;
}

.LoginControls {
    width: 400px;
    background: white;
    /* text-align: center; */
    margin: 0 auto;
    padding-bottom: 10px;
}