/* fix iOS bug not displaying 100vh correctly */

/* iPhone 4/4s */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
  .stage--slider-image {
    height: 280px;
  }
  .stage--bridge {
    height: 40px;
  }
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
  .stage--slider-image {
    height: 220px;
  }
  .stage--bridge {
    height: 120px;
  }
}

/* iPhone 5/5s/SE */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  .stage--slider-image {
    height: 280px;
  }
  .stage--bridge {
    height: 40px;
  }
  .stage--logo-content,
  .header--contact {
    display: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  .stage--slider-image {
    height: 460px;
  }
  .stage--bridge {
    height: 108px;
  }
}

/* iPhone 6/6s */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
  .stage--slider-image {
    height: 285px;
  }
  .stage--bridge {
    height: 90px;
  }
  .stage--logo-content,
  .header--contact { 
    display: none;
  }
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
  .stage--slider-image {
    height: 520px;
  }
  .stage--bridge {
    height: 147px;
  }
  .stage--logo-content {
    bottom: 25%
  }
  .stage--logo-content img {
    width: 70%;
  }
}

/* iPhone 6/6s Plus */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
  .stage--slider-image {
    height: 330px;
  }
  .stage--bridge {
    height: 84px;
  }
  .stage--logo-content,
  .header--contact { 
    display: none;
  }
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
  .stage--slider-image {
    height: 570px;
  }
  .stage--bridge {
    height: 70px;
  }
  .stage--logo-content {
    bottom: 30%
  }
  .stage--logo-content img {
    width: 70%;
  }
}

/* iPad */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .stage--slider-image {
    height: 650px;
  }
  .stage--bridge {
    height: 118px;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .stage--slider-image {
    height: 910px;
  }
  .stage--bridge {
    height: 114px;
  }
}