.box { float: left; text-align: center;}
.bannerimg { max-width: 958px; min-width: 318px; width: 99%; }
.boximg { max-width: 478px; min-width: 314px; width: 98%; }
#root { max-width: 960px; margin: 0 auto; }

#box1 { width: 100%; }
#box1a { width: 100%; }
#box2 { width: 50%; }
#box3 { width: 50%; }
#box4 { width: 50%; }
#box5 { width: 50%; }


/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#box1 { width: 100%; }
	#box1a { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#box1 { width: 100%; }
	#box1a { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#box1 { width: 100%; }
	#box1a { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 { width: 100%; }
	.bannerimg { max-width: 958px; min-width: 300px; width: 98%; }
	.boximg { max-width: 478px; min-width: 300px; width: 98%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#box1 { width: 100%; }
	#box1a { width: 100%; }
	#box2 { width: 100%; }
	#box3 { width: 100%; }
	#box4 { width: 100%; }
	#box5 { width: 100%; }
}