title: Change size of <h1> tag when responsive Bootstrap
body: <p>Is there any way to change the text size of <code>&lt;h1&gt;</code> tag when it goes on extra small or small screen size?</p>
  
  <p>Because <code>&lt;h1&gt;</code> has its own default size which is normal for medium size but very large for small and extra small.</p>
  
  <p>I want to change that size when it goes to small screen size or extra small screen size.</p>