@media (max-width: 960px) {
  .page-hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
    justify-content: center;
  }
  .page-hero-content { grid-area: 2 / 1; }
}

.hero-panel-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--pizza);
  text-shadow: 
    1px 1px 1px black,
    2px 2px 5px var(--money-dark),
    3px 3px 10px var(--money)
    ;
  text-align: center;
}

table {
  margin-top: 16px;
}

td {
  border-bottom: 1px outset var(--money);
  text-align: left;
  padding: 4px;
}

#matthew-difference {
  margin-top: 2rem;
}