body {font-family: Verdana, sans-serif; font-size:0.85em; color:#FFFFFF; background-color:#2BA94F; }
body {background-size:1200px; }
body a{color:#FFFFFF;}
header,nav,section,article,footer,p
{width:94%; border-radius: 20px; margin:5px; padding:8px;}
.box, .box2, .box3, .box4
{width:94%; border-radius: 20px; margin:5px; padding:8px; height: auto; float: left;
	text-align: center; filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Mozilla */
opacity: 0.8; /* CSS3 */}
.box {background-color: #2BA94F;}
.box2 {background-color: #990000;}

.box4 {background-color: #FF9900;}
h2 {clear: left;}
.clear {clear: left;}
header {text-align: center; background-color:#2BA94F; filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Mozilla */
opacity: 0.8; /* CSS3 */
}
h1{text-align: center;}
header a{text-decoration: none;}
nav {background-color:#990000; text-align: center; filter:alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Mozilla */
opacity: 0.8; /* CSS3 */
}
nav ul {margin:0; padding:0;}
nav ul li {display:inline; margin:8px; line-height: 32px}
@media screen and (min-width: 680px) {
header,nav,section,article,footer,p {width:70%; margin-left: 15%}
.box, .box2, .box3, .box4 {width: 44%}
}
@media screen and (min-width: 1200px) {
body {background-size:100%;}
.box, .box2, .box3, .box4 {width: 46%}
}