/* 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,
  .page-funnel .funnel-service2-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* --- Headlines: shrink on small screens ----------------------------- */
  /* Main H1 ("My Secret to a Perfect 60-Second..."): 36px -> 28px */
  #section-1121407189880926209 .news-title {
    font-size: 28px !important;
  }

  /* Section titles ("The Daily Struggle..." etc.): 32px -> 26px */
  .news-title,
  .faq8-title,
  .news-service-title {
    font-size: 26px !important;
  }
}