.hero-with-background{position:relative}.hero-with-background .hero-image{height:35rem;position:relative;width:100%}@media(min-width:768px){.hero-with-background .hero-image:not(.exclude-gradient):before{content:"";background:-webkit-gradient(linear,left top,right top,color-stop(32.85%,rgba(5,28,44,.75)),color-stop(42.58%,rgba(5,28,44,.66)),color-stop(73.4%,rgba(5,28,44,0)));background:-webkit-linear-gradient(left,rgba(5,28,44,.75) 32.85%,rgba(5,28,44,.66) 42.58%,rgba(5,28,44,0) 73.4%);background:linear-gradient(90deg,rgba(5,28,44,.75) 32.85%,rgba(5,28,44,.66) 42.58%,rgba(5,28,44,0) 73.4%);width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;top:0}}.hero-with-background .container{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-58%);-ms-transform:translateY(-58%);transform:translateY(-58%)}.hero-with-background .container h1,.hero-with-background .container p,.hero-with-background .container span{color:var(--base);margin-bottom:2.4rem}@media(max-width:991px){.hero-with-background .container h1 br{display:none}}.hero-with-background .container span{display:block;font-size:1.6rem;line-height:2.4rem}@media(max-width:767px){.hero-with-background{background-color:var(--primary)}.hero-with-background .hero-image{height:23rem}.hero-with-background .container{background-color:var(--primary);position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;padding:3.2rem 1.5rem 10rem}.hero-with-background .container span{margin-bottom:.8rem}}.hero-with-background .content-item{max-width:50rem;width:100%}