.footer-grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.footer-grid > * { min-width: 0; }

@media (max-width: 850px) {
  .footer-grid { grid-template-columns: 1fr; }
  .hero {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding-top: 82px;
  }
  .hero-copy { padding: 120px 1.2rem 1.5rem; }
  .hero-metric {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
    margin: 0 1.2rem 2.5rem;
  }
}