/* Shared responsive rules used outside the custom home templates. */
@media (min-width: 800px) {
  .hero--with-image {
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  }
}

@media (max-width: 799px) {
  .site-footer__inner,
  .cta-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero,
  .entry-content,
  .contact-card {
    padding: 1.5rem;
  }
}