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;
    }
  }