body.template-landing .usa-hero {
    background: -webkit-linear-gradient(top,rgba(0,0,0,.7),rgba(0,0,0,.7)),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
    background: -o-linear-gradient(top,rgba(0,0,0,.7) 0,rgba(0,0,0,.7) 100%),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
    background: linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.7)),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
}

@media screen and (min-width:1020px) {
    body.template-landing .usa-hero {
        background: -webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,.8) 10.5rem,rgba(0,0,0,.8) 0,transparent 25rem),-webkit-linear-gradient(to left, transparent 0,transparent 35%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
        background: -o-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,.8) 10.5rem,rgba(0,0,0,.8) 10.5rem,transparent 25rem),-o-linear-gradient(to left, transparent 0,transparent 35%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
        background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 10.5rem,rgba(0,0,0,.8) 0,transparent 25rem),linear-gradient(to left, transparent 0,transparent 35%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%),#212121 url('/Content/img/hero-scb.jpg') 50%/cover;
    }
}

.usa-hero {
    height: 500px;
}