@media screen and (min-width: 600px) {
  html {
    font-size: 20px;
  }
  body {
    margin: 0 auto;
  }

  .page-one.inactive {
    transform: translateX(-350%);
  }

  #faqModal.active {
    height: calc(100vh - 3rem);
  }
}

/* On narrow phones the modal itself is already tight, so the heading's 70%
   cap (features.css) squeezes it to three lines. Give it the full width back. */
@media screen and (max-width: 390px) {
  .tenebrae-modal-heading {
    max-width: 100%;
  }
}