.text {
  position: relative;
  clear: both;
  }
.notes {
  position: relative;
  }
.video {
  position: relative;
  clear: both;
  float: left;
  height: 342px;
  width: 480px;
  margin: 0.4em 1em 0.6em 0;
  border: 1px solid black;
  }
.video p {
  margin: 1em;
  }
#video1 {
  float: right;
  margin: 0.4em 0 0.6em 1em;
  }
#video2 {
  float: left;
  margin: 0.4em 1em 0.6em 0;
  }
#video3 {
  float: right;
  margin: 0.4em 0 0.6em 1em;
  }
#video4 {
  float: left;
  margin: 0.4em 1em 0.6em 0;
  }
#video5 {
  float: right;
  margin: 0.4em 0 0.6em 1em;
  }
#video6 {
  float: left;
  margin: 0.4em 1em 0.6em 0;
  }
#notes1 {
  clear: left;
  text-align: center;
  }
#notes1 img {
  margin: 0.5em 1em 0.5em 1em;
  border: 1px solid black;
  }
#notes2 {
  clear: right;
  text-align: center;
  }
#notes2 img {
  margin: 1em;
  border: 0;
  }
#notes3 {
  clear: left;
  }
#notes4 {
  clear: right;
  }
#notes5 {
  clear: left;
  }
#notes6 {
  clear: right;
  }