/* Post-port customisations — editable tweaks layered on top of the ported styles.
 * 1. Site logo swapped to media/blogo.png (HTML src change, no CSS needed)
 * 2. Mobile side gutters for the flush-left content
 * 3. Mobile headline sizes reduced one-two steps
 */

@media (max-width: 767px) {

  /* --- Side gutters: give the flush-left content breathing room ------- */
  .page-funnel .main-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- Headlines: shrink on small screens ----------------------------- */
  /* Main H1 ("Why Your Drain Still Reeks..."): 42px -> 32px */
  #section-1127626857501253652 .news-title {
    font-size: 32px !important;
  }

  /* Section titles ("WHY CHOOSE...", "READY TO FINALLY..."): 28px -> 24px */
  .news-title {
    font-size: 24px !important;
  }
}