html,
body {
  overflow-x: hidden;
}

@media (max-width: 600px) {
  .brand {
    min-width: 0;
  }

  .brand small {
    font-size: 7px;
    letter-spacing: .14em;
  }

  .header-phone {
    max-width: 105px;
  }

  .header-phone small {
    display: block;
    font-size: 9px;
  }

  .header-phone b {
    display: none;
  }

  .hero h1 {
    font-size: 35px;
    overflow-wrap: anywhere;
  }

  .hero p,
  .cta-section p {
    overflow-wrap: anywhere;
  }

  .plans-section,
  .plan-grid,
  .plan-card {
    min-width: 0;
    max-width: 100%;
  }

  .section-head h2 {
    font-size: 25px;
    overflow-wrap: anywhere;
  }

  .plan-card li span {
    white-space: normal;
    text-align: right;
  }
}