body > header {
  zoom: 1;
  min-height: 650px;
  background: url("../img/backgrounds/desktop.jpg") center center no-repeat;
  background-size: cover;
}

@media all and (max-width: 480px) {
    .mobile-header-container {
      width: 100%;
      height: 504px;
      position: relative;
      overflow: hidden;
      background: url("../img/backgrounds/mobile-portrait.jpg") top center no-repeat;
      background-size: cover;
  }
}

@media (max-height: 480px) and (orientation: landscape) {
    .mobile-header-container {
      width: 100%;
      height: 480px;
      position: relative;
      overflow: hidden;
      background: url("../img/backgrounds/mobile-landscape.jpg") center center no-repeat;
      background-size: cover;
  }
}


@media (max-height: 1024px) and (max-width: 1366px) {
  body > header {
      background-size: cover !important;
      background: url("../img/backgrounds/tablet-landscape.jpg") center center no-repeat;
  }
}

/*iPad Pro Portrait*/

@media (max-height: 1366px) and (max-width: 1024px) {
  body > header {
      background-size: cover !important;
      background: url("../img/backgrounds/tablet-portrait.jpg") center center no-repeat;
      min-height: 720px;
  }
}


/*iPad Landscape*/

@media (max-height: 768px) and (max-width: 1024px) and (orientation: landscape) {
  body > header {
      background-size: cover !important;
      background: url("../img/backgrounds/tablet-landscape.jpg") center center no-repeat;
      min-height: 650px;
  }
}

@media all and (max-width: 768px) {
  body > header {
      background-size: auto 540px !important;
      background: url("../img/backgrounds/tablet-portrait.jpg") center center no-repeat;
      min-height: 540px;
  }
}