html,
body {
    width: 98%;
    height: 98%;
    background: #ecf0f1 none repeat scroll 0 0;
    padding-top: 0px;
}
.login {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: medium;
    
    }
.h1Logo {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: White;
    background-color:#ffc107;/*ffc107*/
    padding: 10px;
    border-radius: 8px;
    text-align:center;
    vertical-align:middle;
}
.menuLogo {
    background-color:#ffc107;
    padding: 4px;
    height: 50px;
    width: 160px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
}

/**/
.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: none;/* url(../images/bgsmall.jpg) no-repeat top left fixed;*/
  }
.h1Logo {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: White;
    background-color:#ffc107;
    padding: 10px;
    border-radius: 8px;
    text-align:center;
    vertical-align:middle;
}