.container {
width:996px;
margin:0px auto;
font-size:1em;
font: 20px Helvetica, sans-serif; color: #333;
}
h1 { font-size: 50px; 
}
body { font: 20px Helvetica, sans-serif; color: #333; 
}
a { color: #dc8100; text-decoration: none; 
}
a:hover { color: #333; text-decoration: none;
}
section {
padding: 10px;
-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
section {
float: left;
width: 70%;
}
/* para 980px o menos */
@media screen and (max-width:980px) {
.container {
width:98%;
}
section {
width:68%;
}
}
/* para 700px o menos */
@media screen and (max-width:700px) {
section {
float:none;
width:96%;
}
section {
font-size:1.2em;
}
}
/* para 480px o menos */
@media screen and (max-width:480px) {
section {
width:94%;
}
}