.login {
    background: url(../img/login-bg.jpg) no-repeat center fixed;
    width: 100%;
    background-size: cover;
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.login-panel {
    width: 750px;
    margin: 10% auto 0;
    /*color: #e09f31;*/
    color: #FFFFFF;
}

@media screen and (max-width: 768px) {
    .login-panel {
        margin: 0 auto;
        width: 380px !important;
        padding: 20px;
    }

    .login-panel form {
        margin-top: 20px
    }

    .login-footer .pull-left, .login-footer .pull-right {
        float: none !important;
        text-align: center
    }

    .login-panel ul {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .login-panel {
        margin: 0 20px;
        width: auto
    }
}

.login-panel form {
    background: rgba(255, 255, 255, .1);
    /*border: 1px solid rgba(255, 255, 255, .3);*/
    /*-moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
    /*-webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
    /*box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
    /*-moz-border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*border-radius: 3px;*/
    /*padding: 30px*/
}

.login-footer {
    border-top: solid 1px rgba(255, 255, 255, .3);
    margin: 20px 0;
    padding-top: 15px
}