.section-video {
  /*width: 100vw;*/
  height: 100vh;
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
  position: relative;
}

.container-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 62.5%; /* 8:5 Aspect Ratio */
  min-width:100%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 100%;
  width: 100%;
  height: 100%;
  border: none;
  
}


figure h1 {
  position: absolute;
  top: 20px;
  left: 20px;
  border-right: 3px solid #fff;
  padding: 5px 10px 5px 5px;
}

video {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.stretch {
  /*background: tomato;*/
  /*min-height: 100%;*/
  /*min-width: 100%;*/
  /*background-size: cover;*/
  /*margin-top: 800px;*/
}

.stretch h1 {
  padding: 20px;
}

.hero-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  z-index: -9999;
}

#container {
  width: 100%;
  overflow: hidden;
  padding: 5rem;
  
}
.video {
  width: calc(50% - 2rem);
  float: left;
  transition: transform 2s;
  box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
  margin: 1rem;
  border-radius: 8px;
  overflow: hidden;
}
.video:hover {
   transform: scale(1.25);
   box-shadow: 0px 0px 80px 80px rgb(0, 0, 0);

}
@media only screen and (max-width: 767px) {
   .video {
       display: block; 
       float: none; 
       width: calc(100% - 2rem);
       margin: 1rem auto;
   }
}