/*
 * Contact page (page-contact.php): the page behind the layout's sections, which run edge to edge from the
 * introduction to the ethos band and bring their own styles.
 */

.contact-page {
  margin: 0;
  padding: 0;
  background: var(--white);
}

.contact-page__article {
  margin: 0;
}

/*
 * Large screens: the wireframe is drawn for laptop widths, so on bigger monitors the whole page is drawn larger,
 * keeping its proportions instead of stretching thin. The same steps as the plan and Services pages.
 */

@media (min-width: 1800px) {
  .contact-page {
    zoom: 1.2;
  }
}

@media (min-width: 2400px) {
  .contact-page {
    zoom: 1.5;
  }
}

@media (min-width: 3400px) {
  .contact-page {
    zoom: 2;
  }
}