div {
	float: left;
	clear: both;
}
body{
	background-color: lightpink;
	color: orange;
}

#container{
	background-color:  darkblue;
	border-style: dotted;
	border-radius: 5vh;
	padding: 5%;
	margin: 5%;
	width: 80%;
	/*	  5ml    5pl     80width     5pr      5mr   */
}


.header{
	font-size: 240px;
	background-color:  coral;
	font-family: Brush Script MT, cursive;
	text-align: center;

	border-style: dotted;
	border-radius: 6%;
	width: 79.5%;
	padding: 10% ;
}

.subcontent {

	font-size: 200px;
	background-color:  coral;
	font-family: Brush Script MT, cursive;
	text-align: center;

	border-style: dotted;
	border-radius: 6%;
	width: 79.5%;
	padding: 10% ;
}

.content {
		border-style: dotted;
	border-radius: 6%;
	width: 70%;

	padding: 5% ;
	background-color: magenta;
    font-family: Brush Script MT, cursive;
	font-size: 45px;
	color: black;
	border-color: orange;
}

.pagemenu {
	font-size: 40px;		
	border-style: dotted;
	border-radius: 9%;
	width: auto;
	height: 500px;
	padding: 5% ;
	background-color: lightgoldenrodyellow;
	clear: none;
	max-width: 9.2%;
	min-width: 8.3%;
}

.menuebox {
	background-color: darkorange;
	padding: 10%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
		border-style: dotted;
	border-radius: 6%;
	width: 70%;
	border-color: darkblue;
	color: black;
	margin: 10%;
	font-size: 35px;
	font-family: Brush Script MT, cursive;
}



img{
	max-width: 40%;
	max-height: 40%;
	height: auto;
	width: auto;%;
	clear: both;
	float: right;
	margin: 0.5%;