/* Keep the main navigation visible while scrolling. */
.nav {
  position: sticky;
  top: 0;
  z-index: 100;
}

/* On mobile, the sticky nav's z-index sits above the hamburger button and
   mobile nav panel, covering them. Drop it below their stacking context. */
@media screen and (max-width: 768px) {
  .nav {
    z-index: 8;
  }
}

/* Offset the sticky contact form so it clears the sticky nav above it
   instead of scrolling underneath it. */
@media screen and (min-width: 769px) {
  .contact-block .contact-form-container {
    top: 145px !important;
  }
}