<div class="box">
   <h2>Home</h2>
   <p>Does your lorem ipsum text long for something a little fishier? Give our generator a try… it’s fishy!</p>
</div>
<ul><li>Lorem</li><li>Lorem</li><li>Lorem</li></ul>

:root {
   /*font-size: 0.625em;  =10px */
   font-size: 0.875em; /*=14px */
}
h2 {
   font-size: 1.71rem; /* =24px */
}
@media (min-width:768px) {
   :root {
      font-size: 1em;
   }
}