/*CSS*/

body, html{
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main {
   height: auto;
   display: -webkit-flex;
   display: flex;
   flex-flow: row;
}
#main article {
	flex: 3 1 80%;
	order: 2;
	text-align: center;
	padding: 1em;
	background: #c6c7d1;
}
#main nav {
	flex: 1 6 10%;
	order: 1;


}
#main aside {
	flex: 1 6 10%;
	order: 3;
}

header {
	text-align: center;
	background-color: #4955c9;
	color: #adad9a;
	font-weight: bold;
	font-size: 2em;
	padding: 0.5em;
	margin-left: 5em;
	margin-right: 5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 10px 10px 10px 10px;

}

h2{	
	color: #685478;
}

footer {
	display: block;
	min-height: 10%;

	padding: 1em;
	text-align: center;
	background-image: url(back_mantel.jpg);
}