/* Asthma cover: use the supplied artwork as the single background layer. */
.asthma-page .asthma-hero {
  background-color: #faf6ee !important;
  background-image: url("../img/asthma-hero-background-custom.webp") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.asthma-page .asthma-hero__reference,
.asthma-page .asthma-hero__live-cover,
.asthma-page .asthma-hero__flora,
.asthma-page .asthma-hero__mobile-art {
  display: none !important;
}

/* Raise the complete text group and center it vertically in the cover. */
@media (min-width: 1051px) {
  .asthma-page .asthma-hero__copy {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 1050px) {
  .asthma-page .asthma-hero {
    background-position: 66% center !important;
  }

  .asthma-page .asthma-hero__copy {
    top: auto !important;
    transform: none !important;
  }
}

@media (max-width: 620px) {
  .asthma-page .asthma-hero {
    background-position: 70% center !important;
  }
}