.hero-category.component{overflow:hidden;background-color:#fff;color:#fff}
.hero-category .headline{display:flex;height:500px;width:100%;background-color:#007abc}
.hero-category .headline__row{height:100%}
.hero-category .headline__column{align-self:flex-end}
.hero-category .headline__content{padding-top:30px;padding-bottom:30px}
.hero-category .headline__title h1,.hero-category .headline__title h2,.hero-category .headline__copy p{margin-bottom:0}
.hero-category .headline__cta-link a{color:#fff;background-color:transparent;line-height:17px;letter-spacing:.01px;border:1px solid #fff}
.hero-category .headline__cta-link a:active,.hero-category .headline__cta-link a:focus,.hero-category .headline__cta-link a:hover{color:#007abc;background-color:#fff;outline-color:#fff}
.hero-category .headline__contact-label{font-size:14px;line-height:26px;letter-spacing:-0.1px;margin-bottom:0}
.hero-category .headline__contact-link a{display:inline-block;color:#fff;letter-spacing:0}
.hero-category .headline__contact-link a:active,.hero-category .headline__contact-link a:focus,.hero-category .headline__contact-link a:hover{color:#fff;outline-color:#fff;outline-width:3px;outline-offset:3px}
.hero-category .headline__contact-label ~ .headline__contact-link{margin-top:15px}
.hero-category .headline__cta-link ~ .headline__contact-link{margin-left:15px}
.hero-category .supporting__container{padding-left:0;padding-right:0}
.hero-category .supporting__background{background-image:url('https://www.metlife.com/static/images/hero-category/hero-category.svg');background-color:#007abc}
.hero-category .supporting__content{width:100%;padding:30px 15px}
.hero-category .supporting__title{margin:0;width:auto}
@media screen and (max-width:767px){.hero-category .headline__copy{margin-top:15px}
.hero-category .headline__cta,.hero-category .headline__contact,.hero-category .headline__cta-contact{margin-top:30px}
.hero-category .headline__cta-link,.hero-category .headline__contact-link{display:inline-block}
}
@media screen and (min-width:768px){.hero-category .headline{height:440px}
.hero-category .headline__content{padding-top:20px;padding-bottom:0;margin-bottom:120px}
.hero-category .headline__title h1,.hero-category .headline__title h2,.hero-category .headline__copy p{height:100%;padding-bottom:20px}
.hero-category .headline__title h1,.hero-category .headline__title h2{border-right:1px solid rgba(255,255,255,0.4);padding-right:30px}
.hero-category .headline__cta-link:last-child,.hero-category .headline__contact-link:last-child{padding-bottom:20px}
.hero-category .headline__cta-link ~ .headline__contact-link{margin-left:0;margin-top:15px}
.hero-category .supporting{margin-top:-120px}
.hero-category .supporting__container{padding-left:15px}
.hero-category .supporting__content{min-height:150px;width:calc((100% + 15px) * .83333 - 30px);padding:30px 0 30px 30px}
.hero-category .supporting__copy{margin-top:15px}
}
@media screen and (min-width:1024px){.hero-category .headline{height:600px}
.hero-category .headline__content{margin-bottom:100px}
.hero-category .supporting{margin-top:-100px}
.hero-category .supporting__content{min-height:160px;width:calc((100% + 15px) * .90909 - 30px);padding:60px 0 60px 60px}
}
@media screen and (min-width:1300px){.hero-category .supporting__content{width:calc(10 * (1300px * 0.08333) - 30px)}
}