@media (max-width: 768px) {

  /* Asetetaan kaikille p-elementeille sama, luettava fonttikoko. */
  p {
width: 500px;    
font-size: 14px !important; /* Voit säätää tätä arvoa tarpeen mukaan. */
    padding: 0 15px 0 0; /* Pienennetään myös sivuttaista täytettä. */
  
}

  /* Säädetään otsikoiden kokoa mobiililaitteille sopivammaksi. */
  h1 {
    font-size: 28px;
  }
  
  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  /* Korjataan myös yläpalkin otsikon koko, joka oli määritelty inline-tyylinä. 
     !important-sääntö varmistaa, että tämä tyyli ohittaa HTML:ssä olevan tyylin. */
  h1[style] {
    font-size: 24px !important;
  }
}