/* Homepage instructor section: tablet and mobile desktop centring — v0.2.98 */

/*
 * Keep the true mobile layout unchanged.
 * From 761px to 1080px, the image remains above and the content below is centred.
 */
@media (min-width: 761px) and (max-width: 1080px) {
  .sds-home-instructor__content {
    max-width: 760px;
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  .sds-home-instructor__content .sds-home-section-label,
  .sds-home-instructor__content h2,
  .sds-home-instructor__content > p:not(.sds-home-section-label) {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .sds-home-instructor__content > p:not(.sds-home-section-label) {
    max-width: 680px;
  }

  .sds-home-instructor__points {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .sds-home-instructor__points > div {
    grid-template-columns: 42px minmax(0, 1fr);
    justify-content: center;
    text-align: left;
  }

  .sds-home-instructor__actions {
    justify-content: center;
  }
}