div {
float: left;
clear: both;
}

img {
width:80%;
height: 60vh;
margin-left: 10;
float: left;
clear: both;
/* watch video from toby on assignment 3 */
}

p{
font-size: 30px;
}

iframe
{
  width:1280px;
  height:800px;
}

#container {
  background-color: #c1bade ; 
  width: 90%;
  min-height: 970px;
  margin-left: 5%;
  margin-bottom: 5%;
  float: left;

}


.bottomfeedmenus {
  z-index: 1;
  position: fixed;
  width: 80vw;
  /*vw viewport with or viewport height*/
  margin-top: 70vh;
  background-color: pink;
  /*height: 20vh;*/
}

.menubutton {
  background-color:#7B68EE;
  margin: 5px;
  padding: 5px;
  clear: none;
  font-size: 5vw;
}



/* watch the bluebprint video  */
/* Styling for our boxes */
.contentcolumn {
  background-color:#7B68EE;
  float: left;
  clear: none;
  /* side by side columns */
  width: 18%;
  height: 70vh;
  margin-left: 2%;
  margin-top: 1vh;
  min-width: 100px;
  font-size: 1.5vw;
  padding: 1.5vw;
}

.blackbirdContent
{
  background-color:#7B68EE;
  float: left;
  clear: none;
  /* side by side columns */
  width:1200px;
  height:800px;
  margin-left: 2%;
  margin-top: 1vh;
  min-width: 100px;
  font-size: 1.5vw;
  padding: 1.5vw;
}