#container{
margin-bottom: 10px;
width:90%;
margin-left: 5%;
margin-right: 5%;
margin-top: 4px;
background-color: red;
float: left;
clear: both;
}

/*the red background of the website*/

#menuholder{
height: 620px;
width: 30%;
/*background-color: #BC743F;*/
background-color: yellow;
padding: 2%;
float: left;
clear: none;
}


.header{
width: 90%;
background-color: pink;
float: left;
clear: both;
margin: 25px;
padding: 30px;
font-size: 100px;
text-align: center; 
font-family: comic Sans MS;
color: #BC434E;
}

.textcontent{
width: 50%;
background-color: #D88BA3;
float: left;
clear: none;
margin-left: 10px;
font-size: 35px;
color: #A54836;
font-family: comic Sans MS;
margin-bottom: 10px;
}

.smallbox{
width: 80%;
background-color: white;
color: black;
float: left;
clear: both;
margin-top: 10px;
margin-left: 10px;
font-size: 25px;
}
 

img{
max-width: 70%;
max-height: 90%;
float: right;
clear: right;
}
/*the img in the right side of the textcontent.*/