/* -------- Responsive Navigation -------- */

#navbar a {
display: block;
font-size: 1.5em;
padding: 10px;
color: white;
}

#navbar a.current {
color: #053772;
}

#navbar {
background-color: #0578B4;
margin: 0px;
display: none;
padding: 20px 0px;
-webkit-box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
-moz-box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
}

#logo a img.desktop {display: none;}
#logo a img.mobile {display: inline-block !important;
max-width: 60vw}

#logo, #header {
padding: 5px;
}

#logo {
width: auto;
}

#header {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
 display: -ms-flexbox;      /* TWEENER - IE 10 */
 display: -webkit-flex;     /* NEW - Chrome */
 display: flex;
}

#header:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

#header {
border-bottom: 2px solid #053772;
-webkit-box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
-moz-box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
box-shadow: 0px 9px 35px 5px rgba(5,55,114,0.18);
clear:both;
z-index: 100;
}

.hamburger {
display: inline-block !important;
margin-left: auto !important;
outline-style: none;
}

#subnav {margin: 0px;
padding: 5px 0px;
background-color: #0578B4;
border-top: 2px solid #053772;
border-bottom: 2px solid #053772;
}

#subnav a {
color: white;
font-size: 1.2em;
padding: 10px;
display: inline-block;
}

#subnav a.current {
color: #053772;
}

#subnav:empty {display: none;}

/* -------- General  -------- */

#container {
max-width: 100%;
overflow: hidden;
}

#footer table {
display: none;
}

img {
max-width: 100%;
}

form {display: block;
}

table td {display: inline-block;
min-width: 100px;
padding: 5px;
text-align: center;
margin-bottom: 10px;}

/* -------- Page-Specific -------- */

#home_sidebar, #tagline, #home_sidebar_big {
display: none;
}

.two_cols, .half_col, .two_cols_small, .col {
width: 100%;
}

.four_cols {width: calc(50% - 10px);
text-align: center;
margin-right: 0px;
padding: 0px 5px;
}

.four_cols:nth-of-type(2n){
clear: both
}

.post-blog .four_cols:nth-of-type(2n){
clear: none
}

#photobox_thumbs {
display: none;
}

#photobox {
height: 200px;
background-position: center;
background-size: cover;
}

#home_sidebar_left {
width: 100% !important;
}

.gallery {
width: 100% !important;
margin-left: 0px !important;
text-align: center;
}

.gallery a.galleryphoto {
padding: 0px !important;
margin: 1px !important;
max-width: 32% !important;
display: inline-block;
float: none;
}

#home_sidebar_left p {
clear: none !important;
line-height: 1em !important;
display: inline-block;
font-size: 1.1em;
padding: 0px 5px;
}

#home_sidebar_left p span{
display: none !important;
}

embed, input, button, textarea.textarea {
max-width: 100% !important;
}

.latestnewsimage {
width: 100% !important;
background-size: cover;
}

.post-blog .four_cols {
width: calc(33% - 10px);
}

.post-blog .four_cols:nth-of-type(2n+1){
clear: none;
}

.mobile-map {display: block !important; margin-bottom: 30px;}

.mobile-map iframe {width: 100%; height: 200px !important;}

.social-box-mobile {display: block !important;
text-align: center; width: 100%;}

.social-box-mobile table {width: 100%;}

.mobile-contact {display: block !important}

.mobile-contact a.button {
color: white; padding: 10px; border-radius: 10px; display: inline-block; margin: 5px; background-color: #0578B4; text-transform: uppercase;
-webkit-box-shadow: 0px 15px 15px -10px rgba(5,120,180,0.43);
-moz-box-shadow: 0px 15px 15px -10px rgba(5,120,180,0.43);
box-shadow: 0px 15px 15px -10px rgba(5,120,180,0.43);
}

.new-feature {
display: block !important;
}


.post-blog .four_cols{
  width:100%;
}



.featvid{
  display :block;
  float:left;
  width: 48%;
  height: 100px;
  margin: 10px 1%;
}
.featvid:first-child{
  float:none;
  width:100%;
  height: 180px;
  margin: 10px 0;
}


.mobileonly{
  display:block;
}

.mobileonly .caption{
  text-align:center;
}