@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700);

/* = DEFAULT STYLES = */
body {font-family: 'Droid Sans', sans-serif; font-size:1.5em; background:#e5e5e5; box-shadow: 0 0 5px #000;}
.container {padding-bottom:30px;}

/* = NAV = */
.navbar-default {background-color:#1F526E;background: linear-gradient(rgb(45,113,150), rgb(31,82,110));border:0;border-radius: 0;margin:0;}
.navbar-default .container {padding:0;}
.container>.navbar-header {margin:0;}
.navbar-default .navbar-nav {float:none;}
.navbar-default .navbar-nav>li {border-right:1px solid #1f526e;}
.navbar-default .navbar-nav>li.last {border-right:0;}
.navbar-default .navbar-nav>li>a{color:#fff;padding: 15px 19px;}
.navbar-default .navbar-nav>li>a:hover {background:#4E87A6;} 

/* = HEADER = */
header {background:#969696;padding:10px 0;border-top:7px solid #7A2222;}
header a {color:#fff;text-decoration:none !important;}
.site-title {font-family: 'PT Sans Caption', sans-serif;color:#fff;font-size:2.5em;padding-top:20px;}
.tagline {color:#fff;font-size:1.5em;}
.contact-info {color:#fff;font-size:1.3em;}

/* = CAROUSEL = */
.carousel-caption {left:35%;right:5%;color:#333;text-shadow:none;height:100%;padding-top:52px;}

/* CONTENT - HEADINGS */
h1 {font-size: 36px ; padding-top: 1px; padding-bottom: 3px;color: #000000;font-family: 'Francois One', sans-serif;border-bottom:2px solid #de2418;}
h1 span {font-size: 19px !important; padding-bottom: 3px;color: #266181;font-family: 'Francois One', sans-serif;}
h2 {  font-family: 'Francois One', sans-serif !important;  font-size: 29px !important;  color: rgba(37, 95, 128, 0.78);  font-weight: bold;  margin-bottom: 4px;}
h3 {font-family: 'Francois One', sans-serif !important;font-size: 28px !important;}
h4 {}
h5 {}

/* = MAIN CONTENT = */
main {background:#fff;padding:15px 0;}

/* = FOOTER = */
footer {background:#969696;border-top:10px solid #7A2222;padding:15px 0;}
footer a {color:#fff;}
footer .contact-info {font-size:100%;}
footer .copyright {font-size:80%;}

.locations {  font-size: 28px;  font-weight: bold;  color: rgb(45,113,150);}
/* SITEMAP PAGE */
ul.sitemap-page { margin: 20px auto; display:block; max-width: 500px; float: none; }
ul.sitemap-page li { list-style: none; }
ul.sitemap-page li a { text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px #fff, 2px 2px 2px #ccc; color: #337ab7; text-transform: uppercase; /* CSS3 Transition Effect */ -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block; }
ul.sitemap-page li a:hover { color: #2467A0; text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc, 0px 14px 10px rgba(0,0,0,0.15), 0px 24px 2px rgba(0,0,0,0.1), 0px 34px 30px rgba(0,0,0,0.1); }
/* = BACK TO TOP = */
#top-link-block.affix-top {position: absolute; bottom: -82px; left: 10px; }
#top-link-block.affix {bottom: 18px; left: 10px;}
.back-to-top {opacity: .6; background: #ccc; color: #000;}
.back-to-top:hover {opacity: 1; background: #ccc; color: #000;}

/* = MEDIA QUERIES = */
@media (min-width: 768px) and (max-width:1163px){
    h1 {font-size:2em;}
    h2, h3 {font-size:1.5em;font-weight:bold;}
    .carousel-caption {padding-top:10px;}
    
    .navbar-default .navbar-nav>li {border-right:none;}
    .navbar-default .navbar-nav>li>a{padding: 15px 8px;}
}
@media (min-width: 320px) and (max-width:480px) {
    h2,h3 {font-size:1.3em;font-weight:bold;}
    header {text-align:center;}
    header .contact-info{border-top:1px solid #fff;margin-top:10px;padding-top:10px;text-align:center;}
    .carousel {display:none;}
}