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

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