@media only screen and (max-width: 991.98px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  body,
  body > header,
  article,
  .references,
  .main {
    max-width: 58ch !important;
  }

  body {
    margin: 0 auto !important;
  }

  footer {
    width: unset !important;
    margin: 5ch auto !important;
  }

  main img,
  main picture,
  main svg {
    max-width: 500px;
  }
}

@media only screen and (max-width: 575.98px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  body,
  body > header,
  article,
  .references,
  .main {
    max-width: 33ch !important;
  }

  body {
    margin: 0 auto !important;
  }

  footer {
    width: unset !important;
    margin: 5ch auto !important;
  }

  .references {
    font-size: 0.85em !important;
  }

  main img,
  main picture,
  main svg {
    max-width: 400px;
  }
}