html,
body {
    width: 100%;
    height: 100%;
    background: #ecf0f1 none repeat scroll 0 0;
}
.login {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: medium;
    
    }
.h1Logo {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: White;
    height: 90px;
    background-color:#ffffff;/*ffc107*/
    padding: 10px;
    border-radius: 8px;
}

/**/
.navbar-inverse { background-color: #2196f3;color: #ffffff}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #ffc107;color: #ffffff}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #428bca;color: #ffffff}
.dropdown-menu { background-color: #2196f3;color: #ffffff}
.dropdown-menu>li>a { color: #ffffff}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #ffc107;color: #ffffff}
.navbar-inverse { background-image: none; color: #ffffff}
/*.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; color: #ffffff}*/
.navbar-inverse { border-color: #080808;color: #ffffff}
.navbar-inverse .navbar-brand { color: #ffffff}
.navbar-inverse .navbar-brand:hover { color: #ffffff}
.navbar-inverse .navbar-nav>li>a { color: #ffffff}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ffffff}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffffff}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ffffff}
/*.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #ffffff}*/
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #ffffff;color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff;color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #ffffff;color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff;color: #ffffff}

#main-navigation > li:hover > ul > li > a {
    color: #fff;
}


@media only screen and (max-width: 767px) {
  .bgIndex {
    background: url(../images/bgsmall.jpg) no-repeat top left fixed;
  }
.h1Logo {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: White;
    height: 90px;
    background-color:#ffffff;
    padding: 10px;
    border-radius: 8px;
}