/* About page recommendation intro line fix v34
   Only widens the intro text above the doctor list on PC so the final character does not wrap. */
@media (min-width: 821px) {
  body.about-page #doctor-recommendations .about-section-head.narrow {
    max-width: 760px !important;
  }

  body.about-page #doctor-recommendations .about-section-head p {
    max-width: 760px !important;
    width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  body.about-page #doctor-recommendations .about-section-head.narrow,
  body.about-page #doctor-recommendations .about-section-head p {
    max-width: 700px !important;
    width: 700px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 820px) {
  body.about-page #doctor-recommendations .about-section-head p {
    white-space: normal !important;
  }
}