/* Rosaifa 4.14.7 — mobile hero copy uses the available width instead of a narrow centered column. */

@media (max-width: 760px) {
  .rf-front-page .rf-hero-slide-content {
    box-sizing: border-box;
    justify-items: start;
    width: 100%;
    max-width: none;
    padding: 18px 2px 5px;
    text-align: left;
  }

  .rf-front-page .rf-hero-slide-content .rf-display {
    width: 100%;
    max-width: none;
    text-wrap: balance;
  }

  .rf-front-page .rf-hero-slide-content p {
    width: 100%;
    max-width: none;
  }
}
