/* omat tyylit */

/* pienellä näytöllä jätetään jotain pois ja pienennetään otsikon h2 */
@media (min-width: 1px) and (max-width: 599px) {
   .mobile h2 { font-size: 1.2em; font-weight: bold;}
   .mobile2 {display:none;}
}

/* keskikokoisella näytöllä pienennetään otsikon h1 ja h2 */
@media (min-width: 600px) and (max-width: 799px) {
   .mobile2 h1 { font-size: 1.8em; font-weight: bold;}
   .mobile h2 { font-size: 1.2em; font-weight: bold;}
}