/* Small refinements to the original homepage; keep its visual system intact. */
.jh-product-copy p,
.jh-product-link {
  font-size: 14px;
}

/* The old scale was for a three-column diagram. The current diagram is one column. */
@media (max-width: 991px) {
  .hero.main .jh-cycle {
    transform: none;
  }

  .hero.main .jh-logic-step {
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .hero.main .jh-logic-step--2 {
    right: -36px;
  }

  .hero.main .jh-logic-step--3 {
    left: -36px;
  }
}

@media (max-width: 359px) {
  .hero.main .hero-display-heading {
    font-size: 28px !important;
  }

  .hero.main .hero-description {
    font-size: 12px !important;
  }
}

/* Keep the existing footer columns inside tablet screens. */
@media (min-width: 768px) and (max-width: 1100px) {
  .footer-section.jh-white-footer .footer-content-wrap {
    grid-template-columns: minmax(220px, .9fr) minmax(0, 1.4fr) !important;
    column-gap: 32px !important;
  }

  .footer-section.jh-white-footer .footer-content-left {
    margin-left: 0 !important;
  }

  .footer-section.jh-white-footer .footer-content-left .logo-text {
    width: auto !important;
    max-width: 100% !important;
  }

  .footer-section.jh-white-footer .footer-content-right {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}