.login-page{
    background:rgb(129,39,40);
    font-family: 'Roboto Condensed', sans-serif;
    color:rgb(102,102,102);
}

.login-box{
    width:400px;
    margin: 15% auto;
    
}
.login-logo{
    
}

.login-box-body{
    background: #FFF;
    padding:5px;
    border-top:0;
    margin-top:-10%;
}

.login-box-msg{
    margin:0;
    text-align: center;
    padding: 0 20px 5px 20px;
    font-size: 24pt;
}

.login-body-content{
    text-align: center;
    font-size:13pt;
}

.btn-primary{
    background: rgb(184,140,99) !important;
    border-color: rgb(184,140,99) !important;
    border-radius: 0px;
}

.btn-lg{
    border-radius: 0px !important;
}

.btn{
    border-radius: 0px !important;
    margin-top:10px;
    margin-bottom:10px;
}


.img-wrapper {
    overflow:hidden;
    position:relative;
    display:inline-block;
}

#logo{
    display:block;
    margin:auto;
    margin-top:-35%;
    max-width: 100%;
}
.row{
    text-align:center;
}


@media(max-width:768px){
    
    .login-box{
        width:90%;
        margin-top:30px;
    }
    
    .img-responsive{
        width: 100% !important;
    }
    
   
    
    #logo{
        width:40%;
    }
    
}

@media(max-width:320px){
    
    .col-xs-3{
        width:15% !important;
    }
    
}