/****************************  LOGIN PAGE STYLES  ****************************/

.container-fluid {
    /* TODO: BACKGROUND IMAGE */
    background: url('/design/default/images/login.jpg') center;
    background-size:cover;

    min-height: calc(100vh);
}

.login-container .link-secondary, .footerSimple .link-secondary {
    color: #31383E;
}

.login-container .link-secondary {
    font-weight: bold;
}

.login-container .link-secondary:hover, .footerSimple .link-secondary:hover {
    color: #93959e;
}

.copyright{
    color: #31383E;
}

.navbar-add {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#login-banner {
    width: 300px;
    float: left;
    margin-top: 50px;
    margin-left: 20px;
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

@media screen and (max-width: 1099px) {
    #login-banner {
        width: 250px;
    }
}

@media screen and (max-width: 991px) {
    #login-banner {
        width: 220px;
    }
}

@media screen and (max-width: 929px) {
    #login-banner {
        width: 190px;
    }
}

@media screen and (max-width: 859px) {
    #login-banner {
        display: none;
    }
}