div {
float: left;	
clear: both;
border-radius: 20px;
}

img {
width: 25%;
margin: 30px;
float: right;
clear: none;

}

#container { 
background-color: black;
margin-bottom: 40px; 
width: 90%;
margin-left:5%;
/* stop using margin auto, does not work with float*/
/* float is needed to make your website mobile friendly with parcentages */
}

.sidebarofmenus {
width: 8%;
min-width: 130px;
margin-top: 10pt;
margin-left: 2%;
margin-bottom: 10pt;
background-color: lightgrey;
height: 300px;
clear: none;
}

.contentholder {
background-color: blue;
clear: none;
width: 71%;
margin: 10px; 
padding: 10px;
/*if i add padding I must reduce the width , cant exceed 100%*/
}




/*menus */
.button {
font-size: 30px;
color: white;
background-color: blue ;
width: 80%;	
height: 12%;
margin: 10px;
}



/*small boxes holding */
.essays{
font-size: 35px;
color: ghostwhite;
margin: 10px;
font-family:Garamond  ;
}