body #container-body-inner { padding-top: 0; }

.navbar { font-family: 'Roboto Slab'; }

.navbar .logo { padding: 0.1rem 1.6rem 0rem 0.9rem; float: left; }
.navbar .logo img { width: 12.2rem; }
.navbar {font-size: 3.0rem; background-color: black; color: white; width: 100%; text-align: left; margin-bottom:2.0rem; box-sizing: border-box; }
.navbar .button {display: inline-block; border:none;}
.navbar .button:hover {background: grey;}
.navbar .button.active {background-color: grey; color: black;}
.navbar a {color: white; text-decoration:none; height:1.2em; padding: 0.2em 0.4em 0.2em; line-height: 1.2em; display: block;}
.navbar .button:hover a {color: black;}


@media (min-width: 728px) {

.navbar { font-size: 3.2rem; }
.navbar a { padding: 0.2em 0.4em 0.2em; }
.navbar .logo { padding: 0rem 2.0rem 0rem 0.9rem; }

}

/*----:[ desktop layout overrides ]:----*/
@media (min-width: 1052px) {

.navbar { padding-left: 6rem; }

}