@media (min-width: 721px) and (max-width: 1120px) {
  .health-programme-hero > figure img {
    width: 100%;
    margin-left: 0;
    object-position: right bottom;
    opacity: 0.34;
  }

  .health-programme-hero > figure::after {
    background:
      linear-gradient(90deg, #0b232a 0%, rgba(14, 39, 45, 0.97) 52%, rgba(14, 39, 45, 0.72) 78%, rgba(14, 39, 45, 0.46) 100%),
      linear-gradient(180deg, transparent 62%, rgba(10, 30, 37, 0.78) 100%);
  }

  .health-programme-hero-content {
    box-sizing: border-box;
    width: min(calc(100% - 48px), 1130px);
    max-width: 1130px;
    padding-right: 0;
  }

  .health-programme-hero h1 {
    width: min(100%, 650px);
    max-width: 650px;
  }

  .health-programme-lead {
    width: min(100%, 650px);
    min-width: 0;
    max-width: 650px;
  }

  .health-programme-actions {
    flex-wrap: wrap;
    max-width: 650px;
  }

  .health-programme-order {
    width: min(100%, 650px);
    max-width: 650px;
  }
}

@media (min-width: 721px) and (max-width: 820px) {
  .health-programme-hero h1 {
    font-size: clamp(3.7rem, 9.5vw, 4.8rem);
  }

  .health-programme-actions .primary-button,
  .health-programme-actions .secondary-button {
    font-size: 0.76rem;
  }
}