.video {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 600px) {
  .float-right{
    float: right;
    width: 49.5%;
  }
  .float-left{
    float: left;
    width: 49.5%;
  }
  .both-center {
    clear: both;
    margin: 0 auto;
    width: 49.5%;
    float: none;
    display: block;
    }
  .both-left {
    clear: both;
    float: left;
    width: 49.5%;
    }
  .both-right {
    clear: both;
    float: right;
    width: 49.5%;
    }
  }