@media (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .section {
    padding: 3.5rem 0;
  }

  .section-title {
    font-size: clamp(1.9rem, 8vw, 2.5rem);
  }

  .container,
  .container-narrow {
    width: min(calc(100% - 1.25rem), var(--container-width));
  }
}

@media (max-width: 540px) {
  body {
    font-size: 15px;
  }
}