title: Google Dev Tools
body: <p>I was wondering why Google Dev tools is loading the wrong CSS script when working on responsive design</p>
  <pre><code>@media screen and (max-width:375px) {
  ...
      #name{
        font-size: calc(.8rem + .1vw);
      }
  ...
  }
  
  @media screen and (max-width:480px) {
  ...
    #name{
        font-size: calc(1rem + .1vw);
      }
  ...
  }
  </code></pre>
  <p>When running the google dev tools it runs the second query rather:</p>
  <p><img src="https://i.stack.imgur.com/z91Fa.png" alt="enter image description here" /></p>