:root{--clr-error:#ff003d;--clr-disabled:#939393;--section-gap:80px;--element-gap:30px;--container-max-width:1040px}
.hero{background-color:#2f2c28;color:#fff;display:grid;grid-auto-flow:row;overflow:hidden;padding-top:30px}
.hero-content{padding:0 15px 50px 15px}
.hero-content h1{margin-bottom:0;white-space:normal;font-family:"Open Sans Regular",sans-serif}
.hero-content h1+h5{margin-top:.9375rem;margin-bottom:0;font-style:italic;font-family:"Open Sans Regular",sans-serif}
.hero-content .cta-holder{margin-top:1.875rem}
.hero-image{position:relative;height:100%}
.hero-image img{position:relative;height:400px;width:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;top:0;left:0}
.hero.img-is-background{color:#020202;background-color:#fff;grid-gap:30px;padding-top:0}
.hero.img-is-background picture img{position:relative;height:400px;width:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;top:0;left:0}
.hero.img-is-background .hero-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding-bottom:50px}
.hero .decoration{position:absolute;top:0;height:100%;max-width:100%;color:#423937}
.hero .decoration svg{height:100%;position:relative;right:60%}
@media screen and (min-width:992px){.hero{padding-top:0;grid-auto-flow:column;margin-top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:31.25rem;grid-template-columns:repeat(2,1fr)}
.hero-content{margin:auto 0 auto auto;max-width:37.5rem}
.hero-image img{height:100%;-o-object-position:initial;object-position:initial;position:absolute}
.hero.img-is-background{padding:3.125rem 0;height:47.5rem}
.hero.img-is-background picture{grid-row:1/-1}
.hero.img-is-background picture img{height:100%;-o-object-position:initial;object-position:initial;position:absolute}
.hero.img-is-background .hero-content{grid-column:2/3;padding:0 60px 0 15px;max-width:46.25rem}
.hero .decoration svg{height:100%}
}@media(min-width:1200px) and (min-height:750px){:root{--section-gap:100px;--element-gap:50px}
}@media screen and (min-width:1200px){.hero.img-is-background{-ms-flex-pack:distribute;justify-content:space-around}
.hero .decoration svg{height:auto}
}@media(min-width:1800px){:root{--container-max-width:1190px}
}@media(min-width:2200px){:root{--container-max-width:1400px}
}