/* ============ CONTACT PAGE ============
   The .contact section (eyebrow/heading/subtitle + office card + inquiry
   form) and .cert-strip marquee are shared components defined in style.css
   and already used as a mid-page block on Home/About/Capabilities/Products.
   Here they ARE the page, immediately after the fixed header, so this file
   only adds the extra breathing room a page-opening section needs (the
   shared .contact { padding: 100px 0 } was tuned for appearing between two
   other sections, not right under the nav) -- everything else (column
   layout, responsive stacking, form field styling) is inherited as-is. */

.contact--page {
  padding-top: 140px;
}

@media (max-width: 1100px) {
  .contact--page {
    padding-top: 60px;
  }
}