html,body {width:100%;height:100%;min-width:320px}
body {font-family:'Open Sans',sans-serif;color:#fff;background-color:#0047a9;-webkit-tap-highlight-color:rgba(255,255,255,1)}

h1,h2,h3,h4,h5,h6 {color:#ffff8d}
h1 {font-size:4em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.6em}
h5 {font-size:1.2em}
h6 {font-size:1em}
p {margin:0 0 25px 0;font-size:1.1em;line-height:1.5}

a {color:#fff;text-decoration:none;transition:all 0.2s ease-in-out}
a:hover,a:focus {color:#ffff8d;text-decoration:none}

.shadowbox {-webkit-box-shadow:0 6px 9px -3px rgba(0,0,0,0.4);box-shadow:0 6px 9px -3px rgba(0,0,0,0.4)}
.pull-right img {margin:0 0 0 20px}
.pull-left img {margin:0 20px 0 0}

/* for responsive embedded YouTube etc. */
.embed-container {position:relative;width:100%;height:480px;margin:20px auto;padding-bottom:28.125%;padding-top:20px;overflow:hidden;background:transparent}
.embed-container iframe,.embed-container object,.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%}

#bg {position:fixed;top:0;left:0;z-index:-1}
.bgwidth {width:100%}
.bgheight {height:100%}

.navbar-toggle {color:#0047a9}
.navbar-fixed-top {padding:16px 0;text-transform:uppercase;letter-spacing:1px;transition:background .5s ease-in-out,padding .5s ease-in-out}
.navbar-fixed-top a {color:#fff}
.navbar-brand,.nav {font-size:1em;margin-bottom:0}
.navbar-brand li {display:inline-block}
.navbar-brand li,.nav li {text-align:center;font-size:1.1em}
.navbar-brand li a,.navbar-nav li a {padding:16px}
.nav li a {transition:background .3s ease-in-out}
.nav {margin-right:0}
.navbar-brand>li>a:focus,.navbar-brand>li>a:hover,.nav>li>a:focus, .nav>li>a:hover {color:#ffff8d;outline:none;background-color:transparent}
.nav li.active {outline:none}
.nav li.active a:hover {color:#ffff8d}
.navbar-right .dropdown-menu {background-color:#ffff8d}/* override float:right of navbar-right*/
.navbar-right .dropdown-menu li a {color:#0047a9;padding:6px 12px}
.navbar-right ul.dropdown-menu li a:hover,.navbar-right ul.dropdown-menu li a:focus {color:#ffff8d;background-color:#0047a9;padding:6px 12px}
.navbar-right .dropdown-menu li {text-align:left;letter-spacing:normal;text-transform:none}
.navbar-fixed-top.top-nav-collapse {padding:0;background-color:rgba(0,71,169,1)}
.navbar-fixed-top.top-nav-collapse a {color:#fff}
.navbar-fixed-top.top-nav-collapse ul.dropdown-menu li a {color:#0047a9!important}
.navbar-toggle {margin-top:4px}
@media (min-width:768px) {	
.navbar-fixed-top {padding:20px 0;border:none;background-color:rgba(0,71,169,1);transition:background 1s ease-in-out,padding 1s ease-in-out}
}

.headerbox {padding:30px 20px 20px 20px;background-color:rgba(255,255,141,.9);border-radius:20px;text-align:center;position:relative}
.logo1 img {width:70%;height:auto}
.logo2 img {width:70%;height:auto}

.headerbox h1 {color:#0047a9;font-size:3.4em;margin-top:0}
.headerbox h2 {color:#337ADC;font-size:1.4em}

footer {margin-top:30px;width:100%;min-height:300px;background-color:rgba(183,28,28,.9)}
footer p {font-size:1.2em;margin-top:20px;text-align:center}
.address p,.motto p {color:#ffff8d}
.motto p {font-size:0.9em}
.footercopy ul,.footerlinks ul {margin-top:20px;padding-left:0;list-style:none}
.footercopy ul {text-align:left}
.footerlinks ul {text-align:right}
.footercopy li,.footerlinks li {display:inline;padding:0 10px}
.sitemap {text-align:center;font-size:0.9em}
.sitemap ul {list-style:none;padding-left:0;border-top:1px solid #fff}

a.skip2main {left:-9999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999}
a.skip2main:focus,a.skip-main:active {color:#ff0;background-color:#000;left:auto;top:15%;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:10px;border:2px solid #ff0;text-align:center;font-size:1.2em;z-index:999}


@media only screen and (max-width:1200px) {
.headerbox h1 {font-size:2.9em;margin-top:0}
.headerbox h2 {font-size:1.2em}
.navbar-brand li a,.navbar-nav li a {padding:16px 8px}
}
@media only screen and (max-width:991px) {
.navbar-fixed-top {letter-spacing:normal}
.navbar-nav {margin-right:0}
.navbar-nav li {text-align:left}
.headerbox img {padding-top:20px;width:20%;height:auto}
.headerbox h1 {font-size:3em}
.headerbox h2 {font-size:1.4em}
.footercopy ul,.footerlinks ul {text-align:center}
.address p {font-size:.9em}
.navbar-brand li a,.navbar-nav li a {padding:16px 6px;font-size:0.9em;letter-spacing:normal}
}
@media only screen and (max-width:800px) {
.fa {display:none}
}
@media only screen and (max-width:767px) {
.fa {display:inline-block}
.navbar-fixed-top {padding:0;background-color:#0047a9}
.navbar-brand>li>a {color:#fff;font-size:1em}
.navbar-toggle {color:#fff}
.navbar-collapse {padding:0;background-color:#fff}
.nav {margin-left:0}
.nav>li {border-bottom:1px solid #eee}
.nav>li>a {padding-left:16px;color:#666!important}
.homeheader {height:auto;padding-top:80px}
.headerbox img {height:auto;width:40%}
.headerbox h1 {margin-top:20px}
.shadowbox {box-shadow:none}
footer {margin-top:0}
.footerlinks li {display:list-item}
.address i {display:none}
}
@media only screen and (max-width:480px) {
#bg {display:none}
.navbar-brand li a {padding:8px 4px}
.headerbox img {height:auto;width:60%}
.headerbox h1 {font-size:1.6em}
footer,.footerlinks {text-align:center}
.address,.footerlinks {width:100%}
.genheader img {width:60%;height:auto}
}
@media only screen and (max-width:320px) {

}