.milk {
    left: 0;
/*    z-index: -99;*/
    width: 100%;
    height: 3500px;
    position: absolute;
    overflow: hidden;
/*    background-image: url("../gfx/milk.svg");*/
/*    background-repeat: no-repeat;*/
}
.milk img {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -1600px;
    margin-right: auto;
    width: 4000px;
/*    margin-left: auto;*/
/*    margin-right: auto;*/
    top: -100px;
}

@media screen and (min-width: 768px) {
    .milk img {
        margin-left: -1635px;
    }
}

@media screen and (min-width: 992px) {
    .milk {
        /*width: 150%;*/
    }
    .milk img {
        top: -150px;
        margin-left: -2060px;
        width: 5000px;
    }
}

@media screen and (min-width: 1200px) {
    .milk img {
        top: -100px;
        margin-left: -1655px;
        width: 4250px;

        /*margin-left: -1635px;*/
        /*width: 4100px;*/

/*        margin-left: -1635px;*/
    }
}




/* ----------- Non-Retina Screens -----------
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .milk {
        background-position: 34% -590.33%;
        background-size: 290%;
    }
}

@media screen
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    body {
        background-position: -800px -110px, top left;
        background-repeat: no-repeat, no-repeat;
        background-size: cover, contain;
        background-size: 275%, 65%;
    }
}
*/