title: How to set base font sizes in Bulma CSS for responsive design
body: <p>Going through the <a href="https://bulma.io/" rel="noreferrer">Bulma.io documentation</a>, I cannot find how to set the base font-size for the responsive design.</p>
  
  <p>As per <a href="https://bulma.io/documentation/customize/variables/" rel="noreferrer">this section on setting initial variables</a>, we can set the initial value of classes <code>$size-1</code> etc. However, I am wanting to set the very base font-size for the responsive-design. I.e. when the screen dimensions are, say, 980px, the base font-size should be 12px, instead of the standard 16px. Because the above mentioned font classes '$size-1', are <code>rem</code>, they would automatically resize as well. </p>
  
  <p>So, my question is, is it possible to set the base font-size for the responsive design in Bulma? Or must I change the sizes of the classes <code>$size-1</code> etc manually.</p>
  
  <p>Thanks  </p>