title: Responsive Design my media queries isn't working?
body: <p>I am trying to turn my website into a responsive site however, my media queries doesn't seem to be working at all. I'm not sure what I have done or why its not working. Any help would be great. </p>
  
  <pre><code>#logo {
      float: left;
      margin: -31px 10px 5px 145px;
  }
  
  #left {
       width: 47%;
       float: left;
  }
  
  #rightarticle {
  width: 48%;
  float: right;
  }
  
  
  
  @media screen and (max-width: 670px) {
      #logo {
      margin: -31px 10px 5px 145px;
      }
  
      #left {
         width: 47%;
  float: left;
      }
  
      #rightarticle {
      width: 100%;
      }
  }
  </code></pre>