div {
float: left;	
border-radius: 36px;
}
/* comment: all divs will float left*/

/* make images float left and only 50% */
img {
width: 50%;
margin-left: 25%;
margin-right: 25%;
}


#container {
background-color: purple;
height: 1300px;
width: 1300px;
margin-left: 8%;
font-size: 20px;
color: red;
text-align: center;
}

.headerofmenus {
width: 100%;
background-color: pink;
}

.menubox {
width: 110px;
background-color: red;
margin-left: 2%;
margin-top: 20px;
text-align: left;
font-size: 15px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 10px;
}

.contentholder {
height: 700px;
width: 400px;
background-color: yellow;
margin-left:4%;
margin-top: 7px;
font-size: 20px;
color: red;
text-align: center;
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
}