title: CSS Media Query Import for mobile
body: <p>I think I am confusing myself here.   Being a bit green at responsive designs, I am trying to import 1 of 2 stylesheets based on the viewed width of the site.</p>
  
  <p>However, when using the below, both seem to pull down when viewed in Firebug.</p>
  
  <p>Is this correct?   What am I doing wrong?  </p>
  
  <p>What I'd like to achieve is, if the browser width is less than 940px, then pull responsive.css, if it's bigger than that, pull full.css</p>
  
  <p>I'm already including the respond.js library <code>https://github.com/scottjehl/Respond</code></p>
  
  <pre><code>@import url("/inc/Styles/full.css") (min-width: 940px);
  @import url("/inc/Styles/responsive.css") (max-width: 940px) and (min-width: 100px);
  </code></pre>