title: @media query doesn't work when using "only screen"
body: <p>Have the following media query:</p>
  
  <pre><code>@media(max-width:980px){
  /*Do something*/
  }
  </code></pre>
  
  <p>The above works, but when I try to do:</p>
  
  <pre><code>   @media only screen and (max-width:980px){
      /*Do something*/
     }
  </code></pre>
  
  <p>Doesn't work!</p>
  
  <p>Tested it on all browsers (desktop). Every time I try to add "only screen" or anything else (before the parentheses) besides "@media" I can't get it to work. I typically uses SASS, and include a _responsive.sass file at the end of the main file. Does it have to do with my viewport settings?</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width" /&gt;
  </code></pre>