/* Global responsive safeguards */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
img, video, iframe, svg {
  max-width: 100%;
}
img, video {
  height: auto;
}
iframe {
  width: 100%;
}
table {
  max-width: 100%;
}
@media (max-width: 1180px) {
  .page {
    width: 100%;
  }
}
@media (max-width: 900px) {
  h1 {
    overflow-wrap: anywhere;
  }
  .page main,   .page section {
    min-width: 0;
  }
}
@media (max-width: 640px) {
  body {
    font-size: 15px;
  }
  h1 {
    font-size: clamp(2rem, 10vw, 3.5rem);
  }
  h2 {
    font-size: clamp(1.55rem, 7vw, 2.4rem);
  }
}