/* custom.css - your own tweaks, loaded after the theme's style.css.
   Anything here wins over the theme. Edit, then ./build.sh --serve to check. */

/* ---- Phones (screens up to 768px wide) ---- */
@media (max-width: 768px) {

    /* Logo: move left/right. Less negative = further right.
       Was -50px; -37px lines the logo up with the left edge of the hero image. */
    :root { --logo-mobile-translate-x: -37px; }

    /* Big heading over the hero image: distance from the top of the image.
       Was about 52px. Smaller number = higher up. */
    .hero__header { top: 36px; }
}
.form-privacy {
  max-width: 36rem;
  margin: 2rem auto 0;
  font-size: 0.85rem;
  line-height: 1.5;
  opacity: 0.75;
  text-align: center;
}
.form-privacy p { margin: 0 0 0.75rem; }