/*#############################################################################
# RESPONSIVE VIDEO
#############################################################################*/


// ratio of the video 16/9 would be 56.25%
// (42.6 % of he width of the parent element)
// <div class="video-container">
  // <iframe width="640" height="360" src="//www.youtube.com/embed/ukKd8W3Bvo0" frameborder="0" allowfullscreen></iframe>
// </div>

.outer-video-container {
  width: 80%;
  margin: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /*16:9*/
  // padding-top: 30px;
  height: 0;
  overflow: hidden;

  iframe,
  object,
  embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}