@media screen and (min-width: 1440px) {
  #banner {
    width: auto;
    height: 1000px;
    background-size: auto 100%;
    background-image: url("../images/1x/banner_xlarge.jpg");
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) {
  #banner {
    background-image: url("../images/2x/banner_xlarge@2x.jpg");
  }
}
@media screen and (min-width: 2330px) {
  #banner {
    background-size: 100% auto;
  }
}