/* CSS Document */
*{margin:0; padding: 0 ;}
body { font-family:Arial; background: #666;}
div {max-width: 960px; background:#CCC; position:relative ; margin: 0px Auto 0px Auto;}
header { width:100% ; background: #666;}

header nav {float:right; margin: 35px 0 0 0 ;}
header nav ul li {float:left; list-style-type:none;}
header nav ul li a {color:#FFF; text-decoration:none; padding:10px; background:#000; margin:10px;}

section {width:90% ; background:#72ddd8; min-height:400px; padding:5%;}
section article {width: 75%; background:#72ddd8; float:left ;}
section article h1 {background:#FFF}

section article nav {float:right; margin:35px 0 0 0}
section article nav ul li{list-style-type:none;}
section article nav ul li a {color:#FFF; text-decoration:none; padding:10px; margin:10px; background:#666}

section aside {width:20% ; background:#72ddd8; float: right; text-align:right;}
footer {width:100%; background: #000; display:table; padding:15px 0 0 0;}
footer p { font-size:10px; color: #FFF; text-align:center;}

@media only screen and (max-width: 479px) {
	header { width:100%; height:150px;}
	h1 {color:#FFF;}
	section article {width:100%;}
	section aside {width:100%; font-size:10px ;display:none;}
	header nav {float:none; width:100%;}
	header nav ul li a {color:#FFF; text-decoration: none; padding: 10px; margin:0px; font-size:10px;}
	}