title: css3 media query not working only in specific div
body: <p>I have a bunch of media queries on my page but for some reason the one I have that targets a div in my footer won't work. Is there something I'm doing wrong with the notation?</p>
  
  <pre><code>@media only screen and (min-width: 500px) and (max-width: 1000px) {
  .twitterbutton {
      background-size: 50%;
      }
  }
  </code></pre>
  
  <p>normally the background-size is 100%, but it's squishing itself on a few displays. Any suggestions as to why it's not working? Thank you!</p>