/* toby video float and clear watch the toby video */

/* select all div */
div {
float: left;
clear: both;
}

.container {
background-color: #C8102E;
/*height: 700px;*/
/* disabled height so the container grows to fit any child object */
width: 90%;
margin-right: auto;
margin-left: auto;
padding: 30px;
}

.header {
background-color: white;
color: #C8102E;
/*height: 100px;*/
/* add flexablity by removing height */
width: 80%;
margin-right: auto;
margin-left: auto;
}


.submenu {
background-color: black;
color: white;
height: 50px;
width: 120px;
margin: 5px;
padding: 10px;
border-radius: 5px;
/* keep the clear to none */
clear: none;
/* do not clear out other menus to the left and right */
}



.textcontent {
background-color: #FFCD00;
/*height: 400px;*/
/* will grow and grow and grow as we add more pictures  */
width: 60%;
padding-left: 10%;
padding-right: 10%;
margin-right: auto;
margin-left: auto;
clear: both;
font-size: 32pt;
padding-top: 10px;
padding-bottom: 20px;
}



body {
background-color: skyblue;
}

img {
margin-top: 20px;
width:  33%;
margin-right: 33%;
margin-left: 33%;
border-radius: 10px;
float: left;
clear: both;
}
/* close and open   */