title: Responsive text with Bootstrap 4
body: <p>Using bootstrap 4 I want to have different font styles for different break points. I know I can use media queries to do this, but on Bootstraps website it gives an example like so:</p>
  
  <pre><code>html {
    font-size: 1rem;
  }
  
  @include media-breakpoint-up(sm) {
    html {
      font-size: 1.2rem;
    }
  }
  
  @include media-breakpoint-up(md) {
    html {
      font-size: 1.4rem;
    }
  }
  
  @include media-breakpoint-up(lg) {
    html {
      font-size: 1.6rem;
    }
  }
  </code></pre>
  
  <p>This can be found here:
  <a href="https://getbootstrap.com/docs/4.0/content/typography/" rel="nofollow noreferrer">https://getbootstrap.com/docs/4.0/content/typography/</a></p>
  
  <p>My question is, is that regular CSS or is that SASS? Tried researching it and I have found pages on stack overflow of people saying they enter this into a normal CSS file. However, when I do that, it never works. So Im assuming this isn't normal CSS? Or if it is, what am I doing wrong? Do I have to declare something first for it to understand? I tried using an online SASS compiler but get a mixin declaration is missing. Any help in the right direction would be appreciated!</p>