.singleHeroBanner{padding:0}
.singleHeroBanner .captionContent{position:absolute;left:0;width:100%;top:200px}
.singleHeroBanner .captionContent .contentTextSection{max-width:465px}
.singleHeroBanner .captionContent .textSubArea{font-family:robotobold;font-size:1.4rem;line-height:16px;color:#fff;text-transform:uppercase;padding-bottom:32px;display:block}
.singleHeroBanner .captionContent h1{font-family:robotolight;font-size:4.8rem;line-height:1.1em;color:#fff;padding-bottom:32px}
.singleHeroBanner .captionContent p{color:#fff}
@media(max-width:1024px){.singleHeroBanner .captionContent{top:150px}
.singleHeroBanner .captionContent .contentTextSection{max-width:75%}
}
@media(max-width:800px){.singleHeroBanner .captionContent{display:none;top:90px}
.singleHeroBanner .captionContent .textSubArea{line-height:normal;padding-bottom:15px}
.singleHeroBanner .captionContent h1{font-size:3.8rem;padding-bottom:20px}
}
@media(max-width:767px){.singleHeroBanner .captionContent{top:25%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.singleHeroBanner .captionContent h1{font-size:3.2rem;line-height:44px;padding-bottom:32px}
.singleHeroBanner .captionContent .contentTextSection{max-width:100%}
}