.numbers {
  display: flex;
  gap: var(--grid-gap);
}

.numbers article {
  display: flex;
  background-color: var(--n100);
  border-radius: var(--border-radius);
  flex: 1;
  flex-direction: column;
  gap: var(--space-med);
  text-align: center;
  padding: var(--space-medbig);
}

.numbers article h2 {
  color: var(--brand);
  font-size: var(--fs-l);
  font-weight: var(--extrabold);
}
.numbers article p {
  color: var(--n600);
  text-transform: uppercase;
  font-weight: var(--extrabold);
}

@media (width <= 768px) {
  .numbers {
    flex-direction: column;
  }
}