*{ margin:0; padding:0;}
a{font-family: Arial; font-size:18px; color:#DC5E68; }
body{font-family: Arial; background:#EAC558;}
section article h1{ color:#DC5E68;}
section article h2{ color:#3C505E;}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}
header{ width:100%;}
header nav{ position:absolute; margin:-55px 0 0 0; right:0}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ color:#FFF; text-decoration:none; padding:10px; margin-right:10px; background:#DC5E68;}
section{ width:90%;  background:#FFF; padding:5%; float:left;}
section article{ width:65%; padding-right:10%; float:left;}
section article p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;  color:#666; margin: 15px 0 0 0 }
section aside{ width:25%;float:right;}
footer{ width:100%;display:table; padding:15px 0 0 0;}
footer p{ font-size:10px; color:#FFF; text-align:center;}



@media screen and (max-width:580px) {
    header{height:30%; width:100%;}
    header nav{ position: relative; margin: 10px 0 0; min-height: 35px; width:100%}
    header nav ul li:last-child a{ margin-right:0;}

}

@media screen and (max-width:370px) {
    header{ width:100%;}
    section article{ width:100%;}
    section aside{ width:100%; font-size:10px; display:none;}
    header img{ width:90px; height:51px;}
    header nav{ float:none; width:100%; background:#EAC558;}
    header nav ul li a{ color:#FFF; text-decoration:none; padding:10px; margin:0px; font-size:10px;}

}