/* =====================================================
   MOBILE OPTIMIZATION
   getAIeo
   ===================================================== */

@media (max-width: 768px) {

  /* ---------------------------------
     GLOBAL SPACING
  --------------------------------- */

  .container-fluid {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .section {
    margin-top: 20px;
  }

  .section-panel {
    padding: 35px 22px !important;
    border-radius: 24px;
  }

  /* ---------------------------------
     SITE SHELL
  --------------------------------- */

  .site-shell {
    width: 100%;
    margin: 0;
    border-radius: 0;
  }

  /* ---------------------------------
     GLASS PANELS
  --------------------------------- */

  .glass {
    border-radius: 22px;
  }

  .card-soft {
    padding: 20px !important;
  }

  /* ---------------------------------
     TYPOGRAPHY
  --------------------------------- */

  h1,
  .h1 {
    font-size: 1.8rem !important;
    line-height: 1.25;
  }

  h2 {
    font-size: 1.5rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.6;
  }

  .tiny {
    font-size: 0.8rem;
  }

  /* ---------------------------------
     NAVIGATION
  --------------------------------- */

  .site-logo {
    width: 200px;
  }

  .site-nav .nav-link {
    font-size: 0.95rem;
    padding: .35rem .5rem;
  }

  /* ---------------------------------
     BUTTONS
  --------------------------------- */

  .btn-rounded {
    padding: 10px 20px;
  }

  /* ---------------------------------
     HERO / SCORE CARD
  --------------------------------- */

  .score-number {
    font-size: 48px;
  }

  .score-center {
    min-height: 180px;
  }

  .score-card-bg {
    min-height: 260px;
  }

}