/* =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: 867px) {


#banner { width: 98%; height: auto; position:relative; margin: 0 auto; background-image:none; }
#logo_box { max-height:133px;height: auto; background-color: #7D6004; background-size: cover; }
#logo { padding-top: 2%; padding-left:5%; }
#logo img { max-width: 391px; width: 90%; height:auto; }

#tagline { display:none; }

#button1 { display:none; }
#button2 { display:none; }

#content_outer { position:relative; width: 100%; background-color: #5F4B04; }

#content { position:relative; width: 98%; }

.floatleftcol { margin-right: 2%; width: 223px; height:auto; padding: 0 5%; margin-top: 3%; }

.home_block1 { float:none; width: 94%; padding: 2% 3%; }

.home_block2 { float:none; width: 94%; padding: 2% 3%; }

.home_block3 { float:none; width: 94%; padding: 2% 3%; }

.page_block { width: 94%; padding: 2% 3%; }


#col1 { float:none; width: 94%; padding: 0px 3%; background-image: url(images/col1_bg.png); }
#col1_full { width: 94%; padding: 0px 3%; }
#col2 { float:none; width: 100%; }
.col2_block { width: 94%; padding: 0px 3%; }

#footer { width: 100%; }
#footer_text { }

#content_outer { }

img.alignright { max-width:50%; height:auto; } 
img.alignleft { max-width:50%; height:auto;  } 

img.floatleft { max-width:3050; height:auto; }
img.floatleft_content { max-width:50%; height:auto;  }
img.floatright_content { max-width:50%; height:auto; }
img.floatright { max-width:50%; height:auto; }
img.floatright_sidebar { max-width:50%; height:auto; }

 .captcha { max-width: 95%; height: 60px; margin: 5px 0px 5px 0; }
 
div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
input { max-width: 90%; }
textarea { max-width: 90%; }
label {  display:block; }
label.short1 { width: 38px; text-align: left; float:none; padding-top: 2px; padding-right: 0;  }
label.short2 { width: 30px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.short { width: 70px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med1 { width: 110px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med { width: 150px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.long { width: 220px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }

.map iframe { width: 98%; }
.map { float:none; margin:0 0 1em 0; }


}

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

#footer { width: 97%; margin: 0 0; text-align:left; padding-left: 3%;}

h1 { font-size: 1.8em; line-height: 1.3em; }
h2 { font-size: 1.5em; }

}

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

.floatleftcol { float: none; margin-right: 0; max-width: 223px; width: 94%; padding: 0 3%; margin-top: 0; margin-bottom: 2%; }

}

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


}