title: breakpoints in Iphone 6+
body: <p>I am having some problems with my responsive grid. It is problaly something to do with my breakpoints. To see if the breakpoints is working in the Blisk browser, I started with just setting a color on the font, so I would see what is changing.</p>
  
  <p>The reason why I set the first one to 414 px, is that it works on all mobiles except Iphone 6+ and Nexus 6. But those breakpoints are not working. The head-text does not change color.</p>
  
  <p>Am I doing something wrong here?</p>
  
  <pre><code>@media only screen and (max-device-width : 414px) {
  
      .header-box {
      background-color: #163A4E;
      height: 550px;
      margin-bottom: 0px;
      padding: 0px;
      }
  
      .header-text h1 {
          color:red;
      }
  
      .header-text h2 {
          color:green;
      }
  }
  
  /* Iphone 6 + and Nexus 6*/
  @media only screen and (min-device-width : 415px) and (max-device-width : 736px) and (orientation : portrait) { 
        .header-text h1 {
          color:yellow;
      }
  
      .header-text h2 {
          color:pink;
      }
  
  }
  </code></pre>