title: Media query affecting any device with portrait/landscape orientation
body: <p>As the title says, i'm trying to target every device in portrait mode. </p>
  
  <p>My current media queries:</p>
  
  <p>'mobile':</p>
  
  <pre><code>@media (max-width: 639px),
  @media (orientation: portrait) {}
  </code></pre>
  
  <p>'desktops' etc:</p>
  
  <pre><code>@media only screen and (min-width: 640px) {}
  </code></pre>
  
  <p>For some reason <code>orientation: portrait</code> does not affect ipad mini 2. Why?</p>