body {
	background: white;
	margin: 20px auto;
}
header, #main, aside, footer {
	text-align: center;
	line-height: 200px;
}

header {
	background: #C1424D;
}
#main {
	background: #C5A87F;
}
aside {
	background: #9A886F;
}
footer {
	background: #AEBC7A;
}
@media only screen and (min-width: 600px) {
	body {
		background: gray;
	}
	#main {
		float: left;
		width: 60%;
	}
	aside {
		float: right;
		width: 40%;
	}
	footer {
		clear: both;
	}
}
@media only screen and (min-width: 1024px) {
	body {
		background: black;
	}
	header {
		float: left;
		width: 20%;
	}
	aside {
		width: 20%;
	}
}