/* Internal-page hero banners: add one class per page as more images are available. */
.about-hero {
  min-height: 390px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(117deg, rgba(7, 41, 71, .72), rgba(12, 59, 104, .42)), url('../images/about/about-kahalgaon.png') center / cover;
}

.about-hero h1,
.about-hero p {
  position: relative;
  color: #fff;
}

.about-hero .eyebrow {
  border-color: rgba(255, 255, 255, .5);
  background: rgba(7, 41, 71, .2);
  color: #fff;
}

@media (max-width: 600px) {
  .about-hero { min-height: 320px; }
}

.administration-hero {
  min-height: 390px;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(117deg, rgba(7, 41, 71, .72), rgba(12, 59, 104, .42)),
    url('../images/administration/kahalgaon-administration.png') center / cover;
}

.administration-hero h1,
.administration-hero p {
  color: #fff;
}

.administration-hero .eyebrow {
  color: #fff;
  border-color: rgba(255, 255, 255, .5);
  background: rgba(7, 41, 71, .20);
}