body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	background: #fafafa;
	font-family: arial, verdana;
}

li {
	padding: 4px;
}

header,
nav,
article,
section,
aside,
footer,
footer2 {
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
	margin: 10px;
	-webkit-flex: 1 100%;
	flex: 1 100%;
}

header {
	background: #ffa340;
	border-color: #d5d5d5;
	color: #fcfcfc;
}

nav {
	background: #fffbf0;
	border-color: #e7c157;
}

section {
	background: #F1F3F4;
	border-color: slateblue;
}

article {
	background: #ffed9f;
	border-color: #df6c20;
	-webkit-flex: 5 3 25%;
	flex: 5 3 25%;
}

aside {
	background: #ebffd7;
	border-color: #8db243;
	-webkit-flex: 2 1 0%;
	flex: 2 1 0%;
}

aside img {
	width:100%;
	min-width: 300px;
}

footer2 {
	background: #ebfad7;
	border-color: #8db243;
}

footer {
	background: #ffa340;
	border-color: #d5d5d5;
}

img.logo {
	float: right;
}