title: Media Queries - In between two widths
body: <p>I'm trying to use CSS3 media queries to make a class that only appears when the width is greater than 400px and less than 900px.  I know this is probably extremely simple and I am missing something obvious, but I can't figure it out.  What I have come up with is the below code, appreciate any help.</p>
  
  <pre class="lang-css prettyprint-override"><code>@media (max-width:400px) and (min-width:900px) {
      .class {
          display: none;
      }
  }
  </code></pre>