body, html{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #CCC;
	font-family: Helvetica;
	text-align: center;
}
div{
	border-radius: 15px;
	vertical-align: middle;
	border: 1px solid #999;
}
.main{
	height: 80%;
	display: flex;
	flex-flow: row;
}
.article2{
	height: 70%;
	display: flex;
	flex-flow: row;
	background-color: #A9F5F2;
	text-align: center;
}
.clear{
	clear: both;
}
.header, .footer, .header2, .footer2{
	display: block;
	min-height: 10%;
	background-color: #DA81F5;
}
.nav{
	flex: 1 6 20%;
	order: 1;
	background-color: #F8ECE0;
}
.aside{
	flex:1 6 20%;
	order: 3;
	background-color: #F1F8E0;
}
.article{
	flex: 3 1 60%;
	order: 2;
	background-color: #E0E0F8;
}