body {
    background-color: #040006;
    background:url('../images/aquila-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{
    font-weight: normal;
}

.container{
    max-width:400px;
    margin-top: 80px;
}
.login-form{
    background: rgba(255,255,255, 0.7);
    box-shadow: 4px 4px 15px rgba(0,0,0,0.3);
    padding: 40px 30px;
    border-radius: 4px;
}
.btn-login {
    margin-top: 20px;
    width: 100%;
}
.logo{
    text-align: center;
}
.logo img {
    width: 320px;
    margin-bottom: 50px;
}
.logo-mobile{
    display:none;
}
.logo-imexhs {
    text-align: center;
    margin-top:100px;
}
.logo-imexhs img {
    width: 200px;
}
.slogan{
    margin-top:50px;
}
.stopfade {
    opacity: .5;
}
@media screen and (max-width: 500px) {
    div{width:100%;}
    body{
        background:#f9f9f9;
    }
    .container{
        max-width:90%;
        height:400px;
        margin-top:20px;
        padding:20px 10px;
    }
    .login-form{
        background:transparent !important;
        box-shadow:none !important;
    }
}
@media screen and (max-width: 800px) {
    body{
        background:#000;
    }
    label {
       color: white;
    }
    .container{
        max-width:90%;
        height:420px;
        margin-top:20px;
        padding:20px 10px;
    }
    .login-form{
        margin-top:0;
    }
    .btn-login {
        margin-top: 0px;
    }
    .logo{
        display:none;
    }
    .logo-mobile{
        display:inherit;
        margin:10px auto;
        width:200px;
    }
    .logo-mobile img{
        width:200px;
    }
    .logo-imexhs {
        margin-top:50px;
    }
    .slogan{
        text-align:center;
    }
    #bgvid { display: none; }
}