@media (min-width: 768px) and (max-width: 1499px) {
  html {
    font-size: 24px;
  }

  body {
    line-height: 36px;
  }

  .header,
  .section,
  .footer {
    padding: 144px 0;
  }

  .container {
    padding: 0 72px;
  }

  .container:first-child + .carousel-wrapper {
    margin-top: 36px;
  }

  .heading {
    font-size: 24px;
    line-height: 36px;
  }

  p {
    margin-bottom: 36px;
  }
}