@media screen and (min-width: 1024px) {
    #container {
        background: #c49c70 url(/wp-content/uploads/backgrounds/bg_17-04-19-rocks.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%, #c49c70 2%);
        background-image:    -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, #c49c70 2%);
        background-image:      -o-linear-gradient(rgba(0, 0, 0, 0) 0%, #c49c70 2%);
        background-image:         linear-gradient(rgba(0, 0, 0, 0) 0%, #c49c70 2%);
    }
}

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