body{ 
    background:#FFF;
    font-size: 16px;}

header{
    width: 100%; height: 150px; background: #CCFFFF; margin: 0 auto; font-size: 4rem;}

nav{ 
    width: 100%; height: 50px; background: #3366FF; margin: 0 auto; font-size: 1rem}
nav ul {color: #FFF;}
nav li {font-family: arial,sans-serif; color: #FFF; font-weight: bold; font-size: 0,5em; padding: 1%; float: left; list-style-type: none;}

main{
    width: 100%; min-height: 325px; background: #FFF; margin: 0 auto;}

section{ 
    width: 58%; height: 320px; background: #CCFFFF; margin: 0; float:left; font-size: 1rem;}

h1 {font-family: arial, sans-serif; font-size: 1em; padding: 5%;}
h2 {font-family: arial, sans-serif; font-size: 0,5em; color: #3366FF; margin: 2% 5%; }
h3 {font-family: arial, sans-serif; font-size: 0,3em; margin: 0 5%; }
section article p {font-family: arial, sans-serif; font-size: 0,3em; margin: 0 5%; }
.item {font-family: arial, sans-serif; font-weight: bold;}


aside{
    width: 38%; height: 320px; background: #CCFFFF; margin: 0; float: right;}
aside p {font-family: arial, sans-serif; font-size: 0,2em; margin: 5% 2%; color: #808080;}

section article{
    width: 46%; height: 290px; background: #FFF; margin: 2%; float: left;}

footer{
    width: 100%; height: 100px; background: #FFF; font-size: 1rem;}

footer p {font-family: arial, sans-serif; font-size: 0,5em; margin: 0; color: #999999;}

.pagina{ 
    max-width: 960px; margin: 0 auto;}


@media screen and (max-width: 768px) {
    aside {display: none;}
    section {width: 100%;}
    
@media screen and (max-width: 320px) {
    main{height: 750px;}
    section{height: 750px; background: #faab3e;}
    section article:{width: 98%;}