title: My media query command doesn't do the job
body: <p>I have kind of fluid and responsive layout - two divs:   .left and .right</p>
  
  <p>how should I write my @media query command so that until the .container  doesn't hit more than 800 px width my .left and .right stays always 400 px width and when the width of container goes from 800 px and bigger my .left and .right go wider as well. </p>
  
  <p>This command doesn't work :</p>
  
  <pre><code>@media only screen and (max-width: 800px) 
  
  
  .container .row .columns.eight  {
    width: 400px;
  }
  </code></pre>
  
  <p>And I also want my <code>.right</code> div not to fall down under the <code>.left</code> when I make the screen smaller. </p>