/* Adjust the base font size for the entire presentation */
.reveal {
  font-size: 1.1em;
}

/* Specifically reduce the size of H1 headings */
.reveal h1 {
  font-size: 1.8em; /* Default is often 2.5em or more. Adjust as needed. */
}

/* --- Mobile Responsive Styles --- */
/* These rules apply only to screens 600px wide or smaller (like a phone) */
@media (max-width: 600px) {
  /*
    Increase the base font size for mobile.
    Reveal.js scales the whole presentation to fit the screen, so a larger
    base font makes the final, scaled-down text more readable.
    Experiment with this value to find what works best for you.
  */
  .reveal {
    font-size: 1.7em; /* Increased from 1.1em for mobile */
  }

  /*
    You can also fine-tune heading sizes specifically for mobile if needed.
    This makes the H1 slightly smaller proportionally to save vertical space.
  */
  .reveal h1 {
    font-size: 2.2em; /* Slightly smaller than the desktop 1.8em */
    line-height: 1.2; /* Tighter line spacing for large titles */
  }

  /*
    Reduce padding around the slide content to give your text more room
    on a narrow screen.
  */
  .reveal .slides section {
    padding: 20px;
  }
}