.vimeo-wrapper {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}

.vimeo-standard {
  float: left;
  height: 470px;
  width: 75%;
  border: 0px solid #000;
  margin: 1px;
}

.vimeo-chatbox {
  float: right;
  height: 470px;
  width: 24%;
  border: 0px solid #000;
  margin: 1px;
}

iframe {
  width: 100%;
  height: 100%;
}

@media (max-width:750px) and (min-width:700px) {
  .vimeo-standard {
    float: left;
    height: 294px;
    width: 74%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  .vimeo-chatbox {
    float: right;
    height: 294px;
    width: 24%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  iframe {
    width: 90%;
    height: 100%;
  }
}

@media (max-width:699px) and (min-width:600px) {
  .vimeo-standard {
    float: left;
    height: 252px;
    width: 74%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  .vimeo-chatbox {
    float: right;
    height: 252px;
    width: 24%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  iframe {
    width: 90%;
    height: 100%;
  }
}

@media (max-width:599px) and (min-width:500px) {
  .vimeo-standard {
    float: left;
    height: 210px;
    width: 74%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  .vimeo-chatbox {
    float: right;
    height: 210px;
    width: 24%;
    border: 0px solid #000;
    margin: 0 auto;
  }
  iframe {
    width: 90%;
    height: 100%;
  }
}

@media (max-width:499px) {
  .vimeo-standard {
    float: none;
    height: 200px;
    width: 100%;
    border: 0px solid #000;
    margin: 2px auto;
    padding-bottom: 10px;
  }
  .vimeo-chatbox {
    float: none;
    width: 100%;
    height: 200px;
    border: 0px solid #000;
    margin: 2px auto;
    padding-top: 5px;
  }
  iframe {
    width: 90%;
    height: 100%;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}