/**
 * @file
 * Page Specific Styles
 */
/* ===== HOMEPAGE SPECIFIC STYLES ===== */
.intro-container-homepage {
  position: relative;
  z-index: 2;
  display: flex;
  padding: 1rem;
}

@media only screen and (max-width: 900px) {
  .intro-container-homepage {
    display: block;
  }
}

.intro-container-homepage .intro-text {
  width: 50%;
  padding: 0 3rem 0 0;
}

@media only screen and (max-width: 900px) {
  .intro-container-homepage .intro-text {
    width: 100%;
    padding: 0 0 1rem 0;
  }
}

.intro-container-homepage .intro-thumbnail {
  width: 50%;
  padding: 0 1rem 0 3rem;
}

@media only screen and (max-width: 900px) {
  .intro-container-homepage .intro-thumbnail {
    width: 100%;
    padding: 0 0 1rem 0;
  }
}

.intro-container-homepage .hp-promo-video {
  position: relative;
}

.intro-container-homepage .hp-promo-video video {
  max-width: 97%;
  border: 8px solid #69951c;
}

@media only screen and (max-width: 900px) {
  .intro-container-homepage .hp-promo-video video {
    max-width: 98%;
  }
}

.intro-container-homepage .hp-promo-video .video-caption {
  position: relative;
  width: 100%;
  color: #ffffff;
  background: #69951c;
  top: -10px;
}

@media only screen and (max-width: 1024px) {
  .intro-container-homepage .hp-promo-video .video-caption {
    width: 101%;
  }
}

@media only screen and (max-width: 900px) {
  .intro-container-homepage .hp-promo-video .video-caption {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .intro-container-homepage .hp-promo-video .video-caption {
    width: 100.5%;
  }
}

@media only screen and (max-width: 600px) {
  .intro-container-homepage .hp-promo-video .video-caption {
    width: 101.5%;
  }
}

.intro-container-homepage .hp-promo-video .video-caption .caption-text {
  display: block;
  font-size: 13px;
  padding: 0.5rem 0.75rem;
}