body {
	font-size: 20px;
   margin: 0;
   font-family: sans-serif;
	flex-direction: column;
	height: 100vh;
	width: 100%;
}

header {
	background-color:#2e353c;
}

main {
   display: flex;
   flex: 1rem;
}

nav, aside {
   padding: 20px;
	padding-top: 3rem;
	text-align: left;
	flex: 1 1 1rem;
}

header, footer {
	color: white;
	padding: 20px;
   padding-top: 3rem;
	height: 50px;
	text-align: center;
}

nav {
	background-color: #7894ac;
}

article {
	background-color: #f9fbfb;
	padding: 10px;
	text-align: left;
	height: 550px;
	flex: 4 4;
}

aside {
	background-color:#b6ae99;
}

footer {
	background-color: #1f1e1d;
}

@media all and (max-width: 600px) {
	main {
		flex-direction: column;
	}
}