html, body { min-height: 100%; }
.contact-page { display: flex; min-height: 100vh; flex-direction: column; }
.contact-page > [data-site-header] { flex: 0 0 auto; }
.contact-page .contact-section { display: flex; flex: 1 0 auto; align-items: center; width: 100%; padding: 36px 0; }
.contact-page > [data-site-footer] { flex: 0 0 auto; margin-top: auto; }

@media (max-width: 767px) {
  .contact-page .contact-section { padding: 24px 0 36px; }
}