.hero-detail.component{display:flex;background-color:#fff;color:#fff}
.hero-detail .headline{display:flex;min-height:500px;width:100%;background-color:#007abc}
.hero-detail .headline.text{min-height:300px}
.hero-detail .headline__row{height:100%}
.hero-detail .headline__column{align-self:flex-end}
.hero-detail .headline__content{padding-top:30px;padding-bottom:30px}
.hero-detail .headline__title h1,.hero-detail .headline__title h2,.hero-detail .headline__copy p{margin-bottom:0}
.hero-detail .headline__cta-link a{color:#fff;background-color:transparent;line-height:17px;letter-spacing:.01px;border:1px solid #fff}
.hero-detail .headline__cta-link a:active,.hero-detail .headline__cta-link a:focus,.hero-detail .headline__cta-link a:hover{color:#007abc;background-color:#fff;outline-color:#fff}
.hero-detail .headline__contact-label{font-size:14px;line-height:26px;letter-spacing:-0.1px;margin-bottom:0}
.hero-detail .headline__contact-link a{display:inline-block;color:#fff;letter-spacing:0}
.hero-detail .headline__contact-link a:active,.hero-detail .headline__contact-link a:focus,.hero-detail .headline__contact-link a:hover{color:#fff;outline-color:#fff;outline-width:3px;outline-offset:3px}
.hero-detail .headline__contact-label ~ .headline__contact-link{margin-top:15px}
@media screen and (max-width:767px){.hero-detail .headline__copy{margin-top:15px}
.hero-detail .headline__cta,.hero-detail .headline__contact,.hero-detail .headline__cta-contact{margin-top:30px}
.hero-detail .headline__cta-link,.hero-detail .headline__contact-link{display:inline-block}
.hero-detail .headline__cta-link ~ .headline__contact-link{margin-left:15px}
}
@media screen and (min-width:768px){.hero-detail .headline{min-height:380px}
.hero-detail .headline.text{min-height:350px}
.hero-detail .headline__content{padding-top:40px;padding-bottom:0}
.hero-detail .headline__title{margin-bottom:20px}
.hero-detail .headline__border{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:40px}
.hero-detail .headline__cta .headline__border,.hero-detail .headline__contact .headline__border,.hero-detail .headline__cta-contact .headline__border{border-left:1px solid rgba(255,255,255,0.4)}
.hero-detail .headline__cta-link ~ .headline__contact-link{margin-top:15px}
.hero-detail .headline__cta-link,.hero-detail .headline__contact-label,.hero-detail .headline__contact-link{margin-left:30px}
}
@media screen and (min-width:1024px){.hero-detail .headline{min-height:510px}
.hero-detail .headline__content{padding-top:60px}
.hero-detail .headline__title h1,.hero-detail .headline__title h2,.hero-detail .headline__copy p{padding-left:30px}
.hero-detail .headline__border{padding-bottom:60px}
}