@media(max-width:900px) {
  .container {
    width: calc(100% - 48px)
  }

  .section-pad {
    padding: 72px 0
  }

  .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px
  }
}

@media(max-width:540px) {
  .container {
    width: calc(100% - 36px)
  }

  .section-pad {
    padding: 56px 0
  }

  h1 {
    font-size: 46px
  }

  h2 {
    font-size: 38px
  }

  .eyebrow {
    letter-spacing: 1.5px
  }

  html {
    scroll-padding-top: 90px
  }

  .section-anchor {
    scroll-margin-top: 85px
  }
}