.hero__title {
  font-size: 2.5rem;
}

@media (min-width: 1024px) {
  .hero__title {
    font-size: 2.9rem;
  }
}

@media (min-width: 1440px) {
  .hero__title {
    font-size: 3.3rem;
  }
}

.card {
  margin: 5rem 0;
  padding: 40px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  width: 100%;
  background-color: #fff;
}

.card span {
  color: var(--color-subtext);
  font-weight: var(--font-weight-bold);
}