#container{
margin: 0%;
width: 100%;
height: 100vh;
/* google viewport height */
}


#menu {
border-radius: 2px;
width:5%;
float: left;
/*Make Div Centered*/
margin-left: 5%;
margin-right: 1%;
margin-top: 10px;
margin-bottom: 10px;
padding:  2%;
background-color: red;
font-size: 15pt;
font-family: Comic Sans MS; 
}

#menuheader {
border-radius: 20px;
width: 80%;
/*Float on left side*/
float: left;
/*Make Div Centered*/
margin-left: 10%;
margin-right: 5%;
background-color: blue;
}

#context {
border-radius: 40px;
width: 60%;
/*Float on lefy side*/
float: left;
/*Make Div Centered*/
margin-left: 10%;
margin-top: 10px;
margin-right: 5%;
padding:  10%;
background-color: orange;
font-size: 30pt;
font-family: Comic Sans MS;
}

p {
float: left;
/*clear: both;*/
}


#img1{
width: 70%;
float: left;
}

#img2 {
width: 20%;
float: left;	
}

#img3{
width: 70%;
margin-left: 15%;
float: left;
}

#img4{
width: 60%;
margin-left: 20%;
float: left;
}

#img5{
width: 50%;
margin-left: 25%;
float: left;
}

#img6{
width: 60%;
margin-left: 20%;
float: left;
}

#img7{
width: 70%;
margin-left: 15%;
float: left;
}

#img8{
width: 50%;
margin-left: 25%;
float: left;
}

#img9{
width: 60%;
margin-left: 20%;
float: left;
}

#img10{
width: 50%;
margin-left: 25%;
float: left;
}