.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.footer-brand h2,
.footer-column h2 {
  margin: 0 8px 14px;
  color: var(--brown);
  font-size: 17px;
  letter-spacing: .5px;
}

.footer-brand h2 { margin-left: 0; }
.footer-column a:hover { color: var(--orange); text-decoration: underline; }

@media (max-width: 520px) {
  .site-footer { gap: 30px; }
  .footer-brand,
  .footer-column { text-align: center; align-items: center; }
  .footer-brand { justify-self: center; }
  .footer-column h2 { margin-left: 0; margin-right: 0; }
  .site-footer a { margin-left: 0; margin-right: 0; }
}