/* The footer's center line stays centered in the viewport, independent of
   the width of the brand and link groups on either side. */
@media (min-width: 801px) {
  .site-footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  .site-footer .brand { justify-self: start; }
  .site-footer > p { justify-self: center; }
  .site-footer > div { justify-self: end; }
}