/********** Header - Main **********/
header#main { background-color: none; }
header#main { font-family: 'Oswald', sans-serif; font-weight: 400; }

/*** Logo ***/
header#main a.navbar-brand { background-image: url("../images/logo-kh-chiro.png"); background-position:0 0; background-repeat:no-repeat; height:50px; margin-left:15px; margin-top:15px; padding:0; width:220px;}
header#main a.navbar-brand span { color: #6099bf; font-size: 22px; line-height:24px; position:absolute; text-transform: uppercase; visibility:hidden; }

/*** Retinal Logo ***/
@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	header#main a.navbar-brand {
		background-image: url("../images/logo-kh-chiro@2x.png"); background-size: 220px 50px;
	}
}

/*** Nav ***/
header#main ul.nav { }
header#main ul.nav li a { color:#9fcc3d; font-size:18px; line-height:18px; padding:30px 10px 31px; text-transform:uppercase;}
header#main ul.nav li a:hover { background-color: none; color: #6099bf;}
header#main ul.nav li.active a { background-color: #6099bf; color: #ffffff;}
header#main ul.nav li.active a:hover { color: ##ffffff;}

/********** Headers **********/
h1, h2, h3, h4, h5, h6 { color: #6099bf; font-weight: 400; font-family: 'Oswald',sans-serif;}

/********** Content **********/
div#content { padding-top: 50px; padding-bottom: 20px;}

/********** Alert **********/
div.alert-languages { background: #999999; border-radius: 0; margin-bottom:0px; margin-top:0px; padding: 10px;}
div.alert-languages h5 { color: #ffffff; text-transform: uppercase;}
div.alert-languages h5 .language { display:inline-block; padding-left:4px; padding-right:4px;}

/********** Media Queries **********/

/*** X-Small Screen ***/
@media (max-width: 767px) {
	header#main a.navbar-brand { margin-bottom: 8px; margin-top: 8px; padding: 15px;}
	header#main a.navbar-brand span {font-size: 22px;}
	header#main .navbar-toggle { margin-top: 16px;}
	div#content { padding-top: 66px;}
}

/*** Medium Screen + ***/
@media (min-width: 768px) {
div#content { padding-top: 79px; padding-bottom: 40px;}
div.alert-languages h5 .language { padding-left:12px; padding-right:12px;}
}

/********** Footer - Main **********/
footer#main { background-color: #333333; color: #E9E9E9; padding:20px 0px;}
footer#main h4 { color: #9fcc3d;}
footer#main ul li { font-size: 12px;}


section#branding .brand h1 a {
    background-image: url("../images/logo-babyviva-1x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 70px;
    width: 257px;
}