.page-opening-band {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92%;
  max-width: 1280px;
  min-height: 73px;
  margin: 0 auto 28px;
  padding: 15px 12px;
  border-top: 1px solid #ffffff26;
  border-bottom: 1px solid #ffffff26;
  text-align: center;
}

.page-opening-band h2 {
  margin: 0;
  padding: 0;
  font: 400 16px/1.4 "DM Sans", Arial, sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

@media (min-width: 721px) {
  .about-hero.mobile-opening {
    box-sizing: border-box;
    height: 740px;
    min-height: 740px;
  }
}

@media (min-width: 851px) {
  .about-hero.mobile-opening {
    height: min(800px, 90svh);
    min-height: 660px;
  }
}

@media (max-width: 720px) {
  .page-opening-band {
    min-height: 52px;
    margin-bottom: 0;
    padding: 8px 12px;
  }

  .page-opening-band h2 {
    font-size: 10px !important;
  }
}