/* A more compact rhythm for a conversion-focused landing page. */
.hero {
  min-height: 560px;
  padding-top: 68px;
  padding-bottom: 68px;
}

.section {
  padding-top: 78px;
  padding-bottom: 78px;
}

.starter {
  padding-top: 68px;
  padding-bottom: 68px;
}

.adoption {
  padding-top: 78px;
  padding-bottom: 78px;
}

@media (max-width: 720px) {
  .hero,
  .section,
  .starter,
  .adoption {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .hero { min-height: auto; }
}