html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-tap-highlight-color: rgba(253, 179, 56, 0.18);
}

section[id] {
  scroll-margin-top: calc(72px + env(safe-area-inset-top));
}

@media (max-width: 900px) {
  .site-header {
    height: calc(64px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
  }

  .hero {
    padding-top: calc(120px + env(safe-area-inset-top));
  }

  section[id] {
    scroll-margin-top: calc(64px + env(safe-area-inset-top));
  }
}

@media (max-width: 560px) {
  .hero-facts span:first-child {
    width: 100%;
  }

  .hero-facts b {
    white-space: nowrap;
  }
}