#container{
	height: 1000px;
	margin-left: 2.5%;
	width: 90%;
	background-color: red;
	padding: 2.5%;
}

 div {
	border: 0px solid black;
	border-radius: 20px;
	color: black;
} 


#header {
	/*width:1200px;*/
	/* convert header width to percent*/
	width: 90%;
	padding:2%;
	margin:2%;
	/* margin div padding                      padding div margin*/

	/*height:60px;*/
	/*disabled height to make header grow to hold child objects */
	float:left;
	/*clear:left;*/
	background-color:grey;
}
.submenu {
	height:30px;
	width:8%;
	min-width: 90px;
	/* prevent the menu from getting too small */

	padding:1%;
	margin: 1%;
	background-color: silver;
	float: left;
	text-align: center;
}


.pictureframe {
height : 300px;
width  : 300px;
margin-left: 20px;
float : left;
}

#content {
height: 900px;
width: 98%;
padding: 10px;
background-color: yellow; 
float: left;

}

p{font-size: 35px}


html{background-color: grey}   

img {
  width:100%;
  height:auto;
}