body {
    background-color: #f9f9f9;
    background:url('../../images/login-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
label,h1,h2,h3,h4,h5,h6{
    color:#444444;
}
.form-group form-md-line-input form-md-floating-label{
    color: #555555;
}
.form-group.form-md-line-input .form-control {
    border-bottom: 1px solid #e5e5e5;
    color: #757575;
}
.form-group.form-md-line-input .form-control {
    color:#444444;
    font-size:1.2em;
}
.form-group.form-md-line .form-control {
    color:#757575;
    font-size:1.1em;
}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label{
    color:#656565;
    font-size:1.1em;
}
.md-checkbox label > .box{
    border-color:#ffffff;
}
.help-block {
    color:#ffffff;
}
.container{
    max-width:450px;
    min-height:500px;
    margin-top:calc(50vh - 250px);
    background:rgba(255,255,255, 0.8);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding:0 50px;
}
.login-form{
    margin-top:40px;
}
.logo{
    width:120px;
    margin-top:50px;
}
.logo-mobile{
    display:none;
}
.slogan{
    margin-top:50px;
}
video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: #111;
    background-size: cover;
    transition: 1s opacity;
}
.stopfade {
    opacity: .5;
}
@media screen and (max-width: 500px) {
    div{width:100%;}
}
@media screen and (max-width: 800px) {
    body{
        background:#f9f9f9;
    }
    .container{
        max-width:90%;
        height:420px;
        margin-top:20px;
        background:rgba(255,255,255, 0.8);
        padding:20px 10px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    .login-form{
        margin-top:0;
    }
    .logo{
        display:none;
    }
    .logo-mobile{
        display:inherit;
        margin:10px auto;
        width:120px;
    }
    .slogan{
        text-align:center;
    }
    #bgvid { display: none; }
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block{
    color:#3598DC;
}