.video-hero-unit h2 { font-size: 160%; }

.video-hero-unit { background-color: #000; overflow: hidden; position: relative; display: flex; align-items: center; }
.video-hero-unit .video-hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; }
.video-hero-unit .video-hero-poster-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.video-hero-unit .video-hero-controls-wrapper { opacity: 0; position: absolute; bottom: 10px; left: 10px; z-index: 15; padding: 10px; background: rgba(0, 0, 0, 0.5); line-height: 100%; transition: opacity 0.5s ease; }
.video-hero-unit .video-hero-controls-wrapper:hover { background: rgba(0, 0, 0, 0.75); }
.video-hero-unit .video-hero-content-wrapper { z-index: 15; position: relative; max-width: 1200px; width: 100%; margin: 0 auto; }
.video-hero-unit iframe { position: absolute; display: block; width: 1600px; height: 900px; }

.video-hero-unit .video-hero-content { padding: 20px 20px; }

.video-hero-unit-size-small .video-hero-content { padding: 20px 20px; }

.video-hero-unit-size-medium .video-hero-content { padding: 40px 20px; }

.video-hero-unit-size-large .video-hero-content { padding: 60px 20px; }

@media screen and (min-width: 768px) { .video-hero-content { font-size: 120%; }
  .video-hero-unit-size-small .video-hero-content { padding: 40px 40px; }
  .video-hero-unit-size-medium .video-hero-content { padding: 80px 40px; }
  .video-hero-unit-size-large .video-hero-content { padding: 120px 40px; } }
@media screen and (min-width: 960px) { .video-hero-content { font-size: 130%; }
  .video-hero-unit-size-small .video-hero-content { padding: 80px 40px; }
  .video-hero-unit-size-medium .video-hero-content { padding: 160px 40px; }
  .video-hero-unit-size-large .video-hero-content { padding: 240px 40px; } }
.video-hero-unit-size-full { min-height: 100vh; }
.video-hero-unit-size-full .video-hero-content { padding: 40px 20px; }
@media screen and (min-width: 768px) { .video-hero-unit-size-full .video-hero-content { padding: 40px 40px; } }
@media screen and (min-width: 960px) { .video-hero-unit-size-full .video-hero-content { padding: 80px 40px; } }

/* Overlay Colors */
.hero-text-white .video-hero-overlay { background: rgba(0, 0, 0, 0.5); }

.hero-text-black .video-hero-overlay { background: rgba(255, 255, 255, 0.5); }

/* Text Alignment */
.hero-align-left .video-hero-content { text-align: left; }

.hero-align-right .video-hero-content { text-align: right; width: 100%; }

.hero-align-center .video-hero-content { max-width: 75%; text-align: center; margin: 0 auto; }

.hero-align-center .video-hero-content { max-width: 75%; text-align: center; margin: 0 auto; }

.hero-align-left-half .video-hero-content { width: 66%; text-align: left; margin: 0 auto 0 0; }

.hero-align-right-half .video-hero-content { width: 66%; text-align: left; margin: 0 0 0 auto; }

@media screen and (min-width: 768px) { .hero-align-left-half .video-hero-content { width: 50%; text-align: left; margin: 0 auto 0 0; }
  .hero-align-right-half .video-hero-content { width: 50%; text-align: left; margin: 0 0 0 auto; } }
/* Controls */
.video-hero-unit.video-hero-playing:hover .video-hero-controls-wrapper { opacity: 1; }