@media(max-width:767px){

    /* 800x300px */
    #hero-img {
        height: 250px;
        background-color: #fff;
        background-image: url(promo-hero-mobile.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

}
@media(min-width:768px){

    /* 1000x350px */
    #hero-img {
        height: 265px;
        background-color: #fff;
        background-image: url(promo-hero-tablet.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

}
@media(min-width:992px){

    /* 1900x400px */
    #hero-img {
        height: 300px;
        background-color: #fff;
        background-image: url(promo-hero-desktop.jpg);
        background-position: center;
        background-repeat: no-repeat;
    }


}