@media screen and (min-width: 1024px) {
    #container {
        background: #0099ff url(/wp-content/uploads/backgrounds/bg_16-10-10-water_2.jpg) no-repeat 50% 0;
        background-attachment: scroll;
        -webkit-background-size: 100% auto;
             -o-background-size: 100% auto;
                background-size: 100% auto;
    }
    #container:after {
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, #0099ff 2%);
        background-image:    -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, #0099ff 2%);
        background-image:      -o-linear-gradient(rgba(0, 0, 0, 0) 0%, #0099ff 2%);
        background-image:         linear-gradient(rgba(0, 0, 0, 0) 0%, #0099ff 2%);
    }
}

@media screen and (max-width: 1023px) {
#container {
    background: #0099ff;
}
}