/* Gatespark contact layout policy
   Desktop: contact details and form side by side.
   Mobile/tablet: contact details first, form underneath. */

/* Desktop homepage contact */
#contact .contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 56px !important;
  align-items: start !important;
}
#contact .contact-copy,
#contact .contact-form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Desktop dedicated Contact page */
.gst-page-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 42px !important;
  align-items: start !important;
}
.gst-page-contact-grid > :first-child,
.gst-page-contact-grid .gst-contact-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Phones and tablets: never place details and form side by side. */
@media (max-width: 899px) {
  #contact .contact-grid,
  .gst-page-contact-grid {
    display: block !important;
    grid-template-columns: none !important;
  }

  #contact .contact-copy,
  .gst-page-contact-grid > :first-child {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
  }

  #contact .contact-form,
  .gst-page-contact-grid .gst-contact-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}