body{
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    padding: 0px;
    height: 100%;
    margin: 0;
}

#page{
   padding-top: 5rem;
}
#header{
    background: white;
    margin:0;
    /*height:55px;*/
    width:100%;
}


.navbar-brand {
    color:#ccc;
    vertical-align: baseline;
}
.navbar-brand img{
    vertical-align: baseline;
    margin-right:20px;
}

.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus{
    color: #fff;
    background-color: #1ad6f5;
}



#navbar li > a, .navbar-brand{
    text-decoration:none;
    font-family: "franklin-gothic-urw",Helvetica, Arial, Geneva, Verdana, sans-serif;
}
/*

#navbar.navbar-collapse.in,
#navbar.navbar-collapse.collapsing  {
    border: 1px solid #333;
    background-color:white;

}


#navbar.navbar-collapse.in  ul li  a,
#navbar.navbar-collapse.collapsing ul li  a {
    color: #777;
}

#navbar.navbar-collapse.in ul li a:hover,
#navbar.navbar-collapse.collapsing ul li  a:hover,
#navbar.navbar-collapse.in ul li.active a,
#navbar.navbar-collapse.collapsing ul li.active a {
    color: white;
}


#navbar .nav li.active a {
  color: #fff;
  background-color: #1ad6f5;
}

#navbar li:hover,
#navbar li:focus {
  color: #fff;
  background-color: #1ad6f5;
}