/* below 1200px */
@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }
}

/* below 944px */
@media (max-width: 59em) {
  html {
    font-size: 50%;
  }
  .book-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 6.4rem;
  }
}

/* below 752px */
@media (max-width: 47em) {
  .main-container {
    padding: 0 3.2rem;
  }
  .hero-subtitle {
    margin-bottom: 5.2rem;
  }
  .book-img {
    height: 28rem;
  }
}

/* below 544px */
@media (max-width: 34em) {
  .main-container {
    padding: 0 2rem;
  }
  .hero-subtitle-img {
    width: 38rem;
  }
  .hero-intro,
  .chap-intro {
    padding: 2.4rem;
  }
  .section-1,
  .section-2,
  .section-3,
  .section-4,
  .section-5 {
    padding: 6.4rem 0;
  }
  .chapter-title-01-img {
    width: 14rem;
  }
  .book-grid {
    gap: 1rem;
    row-gap: 4.6rem;
    padding: 3.2rem 1rem;
  }
  .book-img {
    height: 25rem;
  }
  .editor-box {
    width: 40rem;
  }
}