#heroImageOverlayText {
    position: relative;
    margin: 2em 0 0;
}
#heroImageOverlayText .heroImgWrap {
    background-size: cover;
    background-position: 50% 50%;
}
#heroImageOverlayText .heroImg {
    width: 100%;
    padding: 0;
}
#heroImageOverlayText .content {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#heroImageOverlayText .desc {}
#heroImageOverlayText .descBg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
#heroImageOverlayText .textWrap {
    position: relative;
    padding: 1.25em 4em 1.25em 1.5em;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2em;
}
@media (max-width: 1200px){
    #heroImageOverlayText .textWrap {
        font-size: 24px;
    }
}
@media (max-width: 767px){
    #heroImageOverlayText .content {
        position: relative;
    }
    #heroImageOverlayText .descBg {opacity:1}
    #heroImageOverlayText .textWrap{padding: 2em 1.5em;}
    #heroImageOverlayText { margin-left: -15px; margin-right: -15px; }
    #heroImageOverlayText .heroImg {
        display:none;
    }
    #heroImageOverlayText .heroImgWrap {
        height:250px;
    }
}