<header>HEADER</header>
<div id="wrapper">
	<nav class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, aliquam.</nav>
	<main class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, asperiores, necessitatibus, ad, doloribus doloremque explicabo quam fugit et praesentium quae labore sequi ratione voluptatibus corporis minima in voluptatem hic! Natus, aspernatur, earum dolores distinctio quos optio delectus ducimus amet nesciunt nobis sed nulla odit deserunt laudantium debitis voluptates dolore dolor est quam maxime quasi corrupti qui. Rem, voluptates itaque quos nam odit architecto maxime iure aliquam explicabo quo sit porro dolores quisquam ducimus fugit id quod. Placeat, labore consequuntur possimus dolor perspiciatis quidem nulla quia inventore exercitationem suscipit nostrum eos incidunt iure quam explicabo accusamus eveniet repellat perferendis similique maxime!</main>
	<aside class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, iure ipsa dolorem iusto aliquid recusandae.</aside>
</div>
<footer>FOOTER</footer>

body {
	background-color: #333;
	margin:1em;
}
#wrapper {
	margin:0 auto;
	display: table;
}
.content {
	padding:.5em;
	box-sizing: border-box;
	display:table-cell;
}

nav {
	background-color: #defd90;
	width:20%;
}
main {
	background-color: #f7abd9;
}
aside {
	background-color: #9ed6f9;
	width:30%
}
header {
	background-color: #fdf560;
	padding:.5em;

}
footer {
	background-color: #f7c640;
	padding:.5em;
}