body{
	font:20px Rockewell, "Courier Bold", Georgia, serif;
	font-weight: bold;
	background-color:#f7f6d3;

}
header, nav, article, aside, footer{
	padding: 1.2em;
	border-radius: .5rem;
	margin: 5px;
}

header	 { background-color: #2AC78D }
nav		 { background-color: #F9DB16 }
article  { background-color: #0EE8DD }
aside	 { background-color: #3A76C4 }
footer	 { background-color: #6B6B6B }

article, nav, aside {
	float: left;
	min-height: 300px;
}
body{
	width: 1080px;
	margin: 0 auto;
}
nav, aside{
	width: 150px;
}
article{
	width: 605px;
}
footer{
	float: left;
	width: 1020px;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*-------------------------------*/
    /*Adaptive*/
/*-------------------------------*/

@media ( max-width: 1080px ){
	body {
		width: 768px;
	}
	nav {
		width: 180px;
	}
	article {
		width: 472px;
	}
	aside {
		width: 712px;
		min-height: 0;
	}
	footer {
		width: 712px;
	}
}
@media ( max-width: 768px ){
	body {
		width: 370px;
	}
	nav, article, aside, footer{
		width: 320px;
		min-height: 0;
	}
	header{
		width: 320px;
	}
}