@media (max-width: 820px) {
  .hero {
    min-height: calc(100svh - 68px);
    padding-top: 54px;
    background:
      linear-gradient(180deg, rgba(4, 16, 12, 0.98) 0%, rgba(4, 16, 12, 0.82) 58%, rgba(4, 16, 12, 0.42) 100%),
      url("../images/career-dna-design-book.png") right bottom / min(75vw, 360px) auto no-repeat,
      linear-gradient(135deg, #071610 0%, #10251d 56%, #2b2611 100%);
  }

  .quick-panel,
  .section-heading,
  .career-band,
  .science-strip {
    grid-template-columns: 1fr;
  }

  .quick-panel {
    margin-top: -36px;
  }

  .career-band,
  .science-strip {
    padding: 24px;
  }
}

@media (max-width: 560px) {
  .hero-actions,
  .button {
    width: 100%;
  }

  .quick-panel {
    width: calc(100% - 28px);
  }

  .section,
  .career-band,
  .science-strip {
    width: calc(100% - 28px);
  }
}