/*---------------------------------------*/
@media screen and (max-width: 539px) and (min-width: 320px){
	#wrapH, #wrapC, #wrapF{max-width: 320px; padding-right: 10px; padding-left: 10px;}
	.logoIcon{margin-left: auto; margin-right: auto; }
	#navContainer { width: 100%; text-align: center; background-color:#D4DBD4; opacity: 0.9; margin-top: 20px; padding-top: 20px; }
	#LogoText {width: 270px; padding-left: 15px; padding-right: 15px; height: 115px; background-color:#D4DBD4; opacity: 0.9; padding-top:10px; padding-bottom:15px;}
	.containerT {width:310px; padding-left: 5px; padding-right:5px;}
	.containerB {width:280px; padding-left: 20px; padding-right:20px;}
	.contactH{ width: 96.7%; padding-right: 10px; background-color:#D4DBD4; opacity: 0.9; padding-bottom: 20px; padding-top: 10px;}
	.section {width: 307px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
	
	.imageBoxH{width : 320px; overflow:hidden; margin-left: auto; margin-right: auto; }
	.textBox {width: 90%; margin-left: auto; margin-right: auto; }
	.textBox2{width: 90%; margin-left: auto; margin-right: auto;}
	.section2 {margin-left: auto; margin-right: auto; width: 320px; }
	.growImag {margin-left: 70px; margin-bottom: 20px;}
	.containerH { padding-right: 25px;
    padding-left: 25px; height: 460px; background-color: #d6ddd6;}
	#footer {float:left;  min-height: 2000px;}
	.footerBox {height: auto; }
	/*about*/
	#header2 {min-height: 610px;}
	.imageAbout, .imageBoxGL {width : 320px; overflow:hidden; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
	
	/*grow*/
	#columVeg, #columHerb, #columOther{ width: 100%;}
	/*buyer*/
	#buyerType, #buyerCommercial {width: 290px;  padding-right: 15px; padding-left: 15px;}
	.buyerButton {width: 250px;}
	#sitePage {width: 290px;  padding-right: 15px; padding-left: 15px;}
	
	
}
/*---------------------------------------*/