<article>
  <h1>Come in, and shut the door, it's cold out there!</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum quas quae dolores iure incidunt, repudiandae dolorum quasi neque, quod nobis voluptas, labore possimus, vel libero assumenda atque eveniet. Eum, omnis!</p>
  <p><strong>Oh yes, Zell plays hearthstone. Send him an email if you want to connect and play! :)</strong></p>
</article>
html {
  font-size: 16px;
  @media (min-width: 800px) {
    font-size: 18px;
  }
  @media (min-width: 1200px) {
    font-size: 20px;
  }
}

h1 { font-size: 3.125em; } // 50 ÷ 16 = 3.125
h2 { font-size: 2.3125em;} // 37 ÷ 16 = 2.3125
h3 { font-size: 1.75em; } // 28 ÷ 16 = 1.75
// ...

// Note: These are approximate values.
// The actual values derived from modularscale.com are 3.129em, 2.3353em and 1.769em respectively.

article {
  max-width: 42em;
  margin: 0 auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.