.stat-bar {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.stat-item {
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.stat {
  font-family: var(--base-headline-font);
  font-size: 3.6rem;
  color: var( --theme-berry3 );
  font-weight: 700;
}
.stat-detail {
  text-align: center;
}
@media (min-width: 768px) {
  .stat-bar > .flex {
    flex-direction: row;
  }
}