@charset "utf-8";
/* header media queries */
@media screen and (max-width: 1490px) {
	.half { width: 86%; }
	.arboblank { width: 86%; padding: 1rem 2% 1rem 2%; }
}

@media screen and (max-width: 1490px) {
	.half { width: 90%; }
	.arboblank { width: 90%; padding: 1rem 2% 1rem 2%; }
}

@media screen and (max-width: 1120px) {
	.half { width: 96%; }
	.arboblank { width: 96%; padding: 1rem 2% 1rem 2%; }
	.halfspeci { width: 96%; padding: 1rem 2% 1rem 2%; }
	.halfmorf  { width: 96%; padding: 1rem 2% 1rem 2%; }
	.vege-title { width: 96%; padding: 1rem 2% 1rem 2%; }
	.vege-txt  { width: 96%; padding: 1rem 2% 1rem 2%; }
	#vegeimg-01 { width: 100%;	height: auto; }	
}

@media screen and (max-width: 1024px) {
	.menubanner { width: 36%; margin: 0.5rem; }
	.katbanner { width: 36%; }
	#eksum-01 { width: 100%; }
	#eksumleft { float: left; width: 20.75%; text-align: center; }
	#eksumcenter { float: left;	width: 45.75%; text-align: center; }
	#eksumright { float: left; width: 20.75%; text-align: center; }
	.eksumimgs { width: 100%; }	
}

@media screen and (max-width: 900px) {
	.arbohomebuttons { 	width: 60%; }
	#evleft { width: 90%; margin: 1rem; }
	#evright { width: 90%; margin: 1rem; }
	#credileft  { width: 90%; margin: 1rem; }
	#crediright { width: 90%; margin: 1rem; line-height: 150%; }
	.credimgs { width: 50%; }
	#morfimg-01 { width: 100%;	height: auto; }
	#eksumleft { float: left; width: 25.75%; text-align: center; }
	#eksumcenter { float: left;	width: 35.75%; text-align: center; }
	#eksumright { float: left; width: 25.75%; text-align: center; }
}

@media screen and (max-width: 768px) {	
	#oaleft { width: 96%; padding: 1rem 2% 1rem 2%; }
	#oaright { width: 96%; padding: 1rem 2% 1rem 2%; text-align: justify; }
	#litleft { width: 96%; padding: 1rem 2% 1rem 2%; }
	#litright { width: 96%; padding: 1rem 2% 1rem 2%; text-align: center; }
	#kaleleft { width: 96%; padding: 1rem 2% 1rem 2%; }
	#kaleright { width: 96%; padding: 1rem 2% 1rem 2%; text-align: center; }	
	#quarter-left { width: 96%; padding: 1rem 2% 1rem 2%; }
	#quarter-right { width: 96%; padding: 1rem 2% 1rem 2%; text-align: center; }
	#eksumleft { float: none; width: 96%; text-align: center; }
	#eksumcenter { float: none;	line-height: 120%; width: 96%; text-align: center; }
	#eksumright { float: none; width: 96%; text-align: center; }
	.eksumimgs { width: 50%; }	
}
	
@media screen and (max-width: 620px) {
	.menubanner { width: 80%; padding: 4%; margin: 0.5rem; }
	.katbanner { width: 80%; padding: 4%; }
	.eksumimgs { width: 60%; }	
}

@media screen and (max-width: 468px) {	
	.credimgs { width: 70%; }
}

@media screen and (max-width: 400px) {
	#arbohometitle { font-size: 2rem; }	
}