div{
	float:left;
	clear: both;
}

body {
	background-color: darkblue;
}


#container {
	background:blue;
	margin-bottom: 40px;
	width: 80%;
	margin-left: 10%;
}

.bigheader {
	margin-left: 40px;
	font-size: 45pt;
}


.headerofmenus {
	width: 90%;
	margin-left: 5%;
	background-color: darkblue;
	color: white;
	font-size: 120px;

}

.menubutton {
	background-color: black;
	margin: 5px;
	padding: 15px;
	clear: none;

}

.headerofmenus a {
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 35pt;
}
 
/* if i add padding i have to make the width smaller it cannot exceed 100% */
.content {
	background-color: darkblue;
	width:80%;
	margin-left:10% ;
	height: 620px;
	margin-top: 75px; 
	color: white;
	font-size: 30pt;
	padding-left: 20px;
	padding-top: 20px;


}

img{
	width: 50%;
	margin-left: 22%;
	border-radius: 15%;
	display: block;
	float: left;
	clear: both;
	margin-top: 7px;
}