.video-gallery { position: relative; background: #FFF; min-height: 300px; }
.video-gallery-inner { padding: 5rem 3rem; max-width: 1600px; margin: 0 auto; position: relative; }
.video-gallery-inner .video-gallery-title p { font-size: var(--h4); }
.video-card-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.video-card-inner { max-width: 100%; margin: 0 auto; }
.video-card-inner p { font-size: 16px; }
.video-card-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.grid-x.video-gallery-wrapper { margin-left: -1rem; margin-right: -1rem; }
.paragraph--type--video-card { padding:4rem 1rem 0; }
.video-card-title { font-size: var(--h5); font-weight: 900; padding-top: .5rem; color: rgba(13, 66, 105, 1); text-transform: uppercase; }
.video-gallery-inner h2{
  color: var(--navy);
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 1.25rem;
}

#video-gallery ~ .center-content{
  margin-top: -5rem;
  padding-bottom: 5rem;
  position: relative;
  padding-top: 3rem;
  z-index: 1;
  p.button-orange {
    background-color: #0d4269;
    margin: 0;
    &:hover{
      background-color: #747a29;
    }
  }
}
@media (max-width: 991px) {
  .video-gallery-inner { padding: 3rem 2rem; }
  .paragraph--type--video-card { padding: 2rem 1rem 0; }
  #video-gallery ~ .center-content{
    margin-top: -3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .video-gallery-inner { padding: 3rem 1.5rem; }
}