title: Why does a media query with a smaller min-width overwrite a larger one?
body: <p>I'm trying to understand why the <code>min-width: 600</code> media query below would overwrite the <code>min-width: 768</code>media query.</p>
  
  <p>I know that 600px comes later in the CSS file which could be a reason, but surely only one should only be applied if the screen size is either 600 or 768?</p>
  
  <p>I'm looking into media query documentation now, but have yet been able to explain this.</p>
  
  <p><img src="https://i.stack.imgur.com/TAlxx.png" alt="enter image description here"></p>
  
  <p>Thanks for any help.</p>