title: media queries for large phones
body: <p>I'm using the standard mobile first method for a responsive site which works great for most phones.  my current mobile breakpoint is </p>
  
  <pre><code>@media only screen and (max-device-width : 768px)
  </code></pre>
  
  <p>however, this does not pick up my new turbo 2 or the iphone 6 as both of these phones have screens that register at 980px.</p>
  
  <p>does anyone have a good media query style fix?</p>