html, body {
    margin: 0;
    padding: 0;
    height: 99%;
    background-color: rgb(0,0,0);
    background-repeat: no-repeat;
    background-position: center 8%;
    background-size: cover;
    background-image: url("home_1920.png");
}


/* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {

    html, body {
        background-image: url("home_1920.png");
    }

}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {

    html, body {
        background-image: url("home_2560.png");
    }

}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    html, body {
        background-image: url("home_720_P.png");
        height: 100%;
        background-position: center 90%;
    }

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    html, body {
        background-image: url("home_720.png");
        background-position: center 12%;
    }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    html, body {
        background-image: url("home_720_P.png");
        height: 100%;
        background-position: center 90%;
    }

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    html, body {
        background-image: url("home_720.png");
        background-position: center 12%;
    }

}

/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

    html, body {
        background-image: url("home_720_P.png");
        height: 100%;
        background-position: center 90%;
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

    html, body {
        background-image: url("home_720.png");
        background-position: center 12%;
    }

}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {

    html, body {
        background-image: url("home_1920.png");
        height: 100%;
        background-position: center 90%;
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

    html, body {
        background-image: url("home_2560.png");
        background-position: center 12%;
    }

}