/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

@media screen and (max-width: 954px) {

body { background-image: none; }

#outer_homepage { background-image: none; background-color:#EAF1F9; }
#outer_page { background-image: none;  background-color:#EAF1F9;}
#outer_box { margin: 0 auto; width: 100%; height: auto;  background-color:#EAF1F9;}

#banner { width: 100%; height: auto; }
#logo_box { height:auto; }
#logo { clear: both; float: none; }
#logo img { max-width:620px; width:100%;  height:auto; }
#banner_right { clear: both; float:none; text-align: left; display:block;  }
.banner_date { display:none; }
.banner_phone { margin-top: 10px; margin-right: 0; }
.banner_phone img {  max-width:95%; width:auto;  height:auto; }
#bottom { display:none; }

#mid { display:none; }

#content_outer { width: 100%; background-image: none; }
#col1 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; background-color:#fff; }
#col1_full { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; background-color:#fff; }
#col2 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em;  border-top:solid 2px #ccc; margin:0; }
.col2_block { width: 100%; padding: 0; float:none; background-image:none; margin:0; }
.col2_block_inner { width: 100%; padding: 0; float:none; background-image:none; margin:0; }

#content_bottom_outer { width: 100%; background-image: none; }
#content_bottom { width: 100%; background-image: none; height: 20px; }

#footer_outer { clear:both; width: 90%; height: auto; background-image: none; padding: 0 5% 0 5%; min-height: auto; }
#footer { width: 100%;background-image: none;  min-height: auto; }
#footer_text { padding: .8em 0px; }
.privacymenu { display:none; }
.btm_menu { display:none; }



 img.floatleft {  max-width:30%; height:auto; }
 img.floatleft_content { max-width:30%; height:auto; }

 img.floatright { max-width:30%; height:auto; }
 img.floatright2 {  max-width:30%; height:auto; }
 
.map iframe { width: 100%; }
.map { float:none; margin:0 0 1em 0; }

.brand { display:block; }

.floatleftbox { float:none; width: 100%; margin-right:0; }

}

@media screen and (max-width: 635px) {
	
#logo_mobile450 { clear:both; display:block; margin-top: 26px; margin-left: 15px; } 
#logo_mobile450 img {  width: 100%; max-width:450px; height:auto; } 
#logo { display:none; }	

.bigger { font-size: 1.1em; }

.brand { }
.footercopy { clear:both; display:block; padding-top: 5%; margin-top:5%; border-top: solid 1px #ccc; }

h1 { line-height: 1.5em; }
}

@media screen and (max-width: 465px) {

#logo_mobile { clear:both; display:block; margin-top: 26px; margin-left: 15px; } 
#logo_mobile img {  width: 100%; max-width:280px; height:auto; } 
#logo_mobile450 { display:none; }	

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){


}