/*------------------------------------------------------------
Page > Videos
------------------------------------------------------------*/

.videos {
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

.page-title-wrap {
  margin-bottom: 6rem;
}

.video-title {
  margin-top: 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

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

.video {
  box-shadow: var(--elevation-float);
  padding: 4rem;
  z-index: 2;
  background: #fff;
  transition: var(--animation-transition);
  border-radius: 4px;
  margin-bottom: 4%;
}

.grid-sizer,
.video { width: 48%; }
.gutter-sizer { width: 4%; }


/* Small Viewport
------------------------------------------------------------*/
@media only screen and (max-width: 900px) {

  .grid-sizer,
  .video { width: 100%; }
  .gutter-sizer { width: 0; }

}