div{ 
float: left;
clear: both;
}

img {
width: 50%;
margin-left: 25%;
margin-right:25%;
float: left;

}

body {
background-color: midnightblue;
}

p {
float: left;
font-size: 25pt;
color: black;
margin: 20px;
}


#container {
background-color:blue;
margin-bottom: 40px;
width:80% ;
margin-left: 10%;
}

.menuholder { 
width: 90%;
margin-left: 5%;
background-color: lightblue;
/* no height,  adeptarse, we adapt  */
}


/* coinciden a otro archivo  */
.menubox {
padding: 1vw;
margin: 1vw;
background-color:white;
color: black;
min-width: 10vw;
font-size: 1.7vw;
/* we use new units of measurment  vw view port width */
clear: none;
}

.contentarea {
background-color:lightblue;
color: black;
font-size:25pt;
padding: 2%;
margin: 2%;
width: 86%;
margin-left: 5%;
/* this is equal to our menu holder div */
}