body, html {	
	height: 98%;
	width: 98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	padding: 0px;
		
	}
#menu {
	height: 79%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row;    
}
#menu nav {
background: lightgrey;
	flex: 1 6 20%;
	order: 1;
	margin-top: 1%;
	margin-bottom: 1%;	
	border-radius:15px;
	text-align: center;

	
}
#menu section {
	background: lightYellow;
	flex: 3 1 60%;
	order: 2;
	margin: 1%;
	display: -webkit-flex;
    display:         flex;
    flex-flow: column;   
	text-align: center;	
	border-radius:15px;

}
#menu header{
	flex: 1 6 10%;
	order: 1;
	margin: 2% 2% 0% 2%;
	border-radius:15px;
		
}
#menu article {	
	
	flex: 6 1 60%;
	order: 2;
	margin: 2%;
	border-radius:15px 15px 0 0;
	background: lightgrey;
}

#menu aside {
	background: #CCF;
	flex: 1 6 20%;
	order: 3;
	margin-top: 1%;
	margin-bottom: 1%;
	border-radius:15px;
	text-align: center;
	
	
}
header{
	float:top;
	min-height: 10%;
	background: #FC6;
	border-radius:15px;
}
header h1{
text-align: center;
}
header h2{
text-align: center;
}

header, nav, aside, section, article {
	border: 0.1em solid black;
}
iframe{
	width:100%;
	height:85%;
}
script{
	float: right;
	bottom: 30px;
	right: 70px;
	}


header img{
position: relative;
top:-90%;
display:inline;


}