@media (max-width: 72em) {
  .padding--right-left {
    padding-right: 6rem;
    padding-left: 6rem;
  }

  html {
    /* font-size: 80%; */
  }
}

@media (max-width: 62em) {
  html {
    font-size: 60%;
  }

  .list-item {
    font-size: 1.6rem;
  }
}

@media (max-width: 53.25em) {
  .padding--right-left {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 40em) {
  html {
    font-size: 50%;
  }

  .padding--right-left {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}