/* Small-screen fixes layered on top of the Nicepage CSS. */
html, body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

img, video {
  max-width: 100%;
  height: auto;
}

/* The home-page hero video is scaled past its box to crop like a cover image; keep the crop inside the box. */
.u-section-1 .u-video,
.u-section-1 .embed-responsive {
  overflow: hidden;
}

@media (max-width: 575px) {
  /* Decorative circle in section 3 is positioned past the right edge on phones. */
  .u-section-3 .u-shape-2 {
    display: none;
  }
}