/* Phone layout for the new PopRocket template. */
@media (max-width: 767.98px) {
  html, body { max-width: 100%; overflow-x: clip; }
  #navScroll > .container { justify-content: center; }
  #navScroll .navbar-brand { margin-right: 0; }
  #navScroll .navbar-nav { justify-content: center; flex-wrap: wrap; }
  #navScroll > .container > .btn { margin-inline: auto; }
  main .row { margin-inline: 0; --bs-gutter-x: 1.5rem; }
  main .row > * { min-width: 0; }
  main [data-aos] { transform: none !important; opacity: 1 !important; }
  main .btn { display: flex; align-items: center; justify-content: center; gap: .4rem; width: fit-content; max-width: 100%; margin-inline: auto; white-space: normal; text-align: center; }
  main .btn-xl { padding-inline: 1.5rem; }
  main img.img-fluid, main #captcha { display: block; max-width: 100%; height: auto; margin-inline: auto !important; }
  main .p-5 { padding: 1.5rem !important; }
  main h1, main h2, main h3 { overflow-wrap: anywhere; }
  main .display-huge { font-size: clamp(2rem, 9vw, 3.5rem); }
  footer .row > * { min-width: 0; }
}