@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

html,
body {
    margin: 0;
    padding: 0;
    height: auto;
    font-family: 'Open Sans', sans-serif;
}
.fa-bars{
    color: white !important;
}
.navbar{
    background-color: #D00030 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.navbar-brand{
    color: white !important;
    font-size: 15px;
}
.navbar-nav .nav-link{
    color: white !important;
}
.nav-link:hover{
    color: deepskyblue !important;
    transition: 0.3s ease-in;
}
.form-cont{
    padding: 25px;
    font-family: 'Montserrat', sans-serif;
}
.form-cont h4{
    font-weight: bold;
    color: #D00030 ;
}
.form-cont label{
    font-weight: 600;
}
.under{
    border-bottom: 2px solid #D00030;
    width: 15%;
}



/*********LOGIN PAGE**********/
.bac-img{
    background-image: url(../img/monorath_bus02.jpg);
    background-position: center;
    background-repeat:repeat;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.back{
    margin-top: 130px;
/*    background-color: antiquewhite;*/
/*    width: 80%;*/
    
}

.back1{
    margin-top: 50px;
/*    background-color: antiquewhite;*/
/*    width: 80%;*/
    
}

form{
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    padding: 25px;
    border: 2px solid #D00030;
    
}
.btn{
    width: 100%;
    font-weight: bold !important;
    font-size: 12px !important;
}

@media(max-width: 425px){
    .navbar-brand{
        font-size: 12px !important;
        width: 80% !important;
    }  
    .form-cont{
        padding: 0px;
        padding-top: 15px;
    }
}
@media(max-width: 335px){
    .navbar-brand{
        font-size: 10px !important;
        width: 70% !important;

    }
}