#wrapper {
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    height: 1024px;
  }
  /* iPad with landscape orientation. */
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    height: 768px;
  }
  /* iPhone XR */
  @media screen and (device-aspect-ratio: 414/896) {
    height: 500px;
  }
  /* iPhone XS */
  @media screen and (device-aspect-ratio: 375/71) {
    height: 500px;
  }
  /* iPhone XS Max */
  @media screen and (device-aspect-ratio: 414/896) {
    height: 500px;
  }
  /* iPhone X */
  @media screen and (device-aspect-ratio: 375/667) {
    height: 500px;
  }

  /* iPhone 5 */
  @media screen and (device-aspect-ratio: 40/71) {
    height: 500px;
  }
}