title: identical css in child not overriding parent
body: <p>I'm building a wordpress site based on my own child theme of Flaton.
  The nav container is set to width 93% in the parent with the following code:</p>
  
  <pre class="lang-css prettyprint-override"><code>@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 93%; }
    /* more stuff */
  }
  </code></pre>
  
  <p>I would like to change it to 100% so I have copied the exact code above to the very end of my own style.css file. </p>
  
  <pre class="lang-css prettyprint-override"><code>@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 100%; }
  }
  </code></pre>
  
  <p>However it is not working. When I inspect the element I see the parent css but not the child. My css is being recognized for other overrides elsewhere though.</p>