section.hero{position:relative;width:100%;padding:0 20px}section.hero.green{background:radial-gradient(#80CB44,#224316)}section.hero.bg-img .inner{display:block}section.hero.bg-img .inner .content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex-wrap:auto;width:100%}section.hero .bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;opacity:.5}section.hero .bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}section.hero .bg img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}section.hero.padding-bottom .inner .content{padding:80px 0 120px}section.hero.blue{background:radial-gradient(#69D6FF,#1D3892)}section.hero.blue .inner .content h1{color:#1f3b95!important}section.hero.blue .inner .content p,section.hero.blue .inner .content p *{color:#fff!important}section.hero.purple{background:radial-gradient(#935EB1,#592594)}section.hero.purple .inner .content h1{color:#41166a!important}section.hero.yellow{background:radial-gradient(#FAF26C,#E8A701)}section.hero.yellow .inner .content .overline{color:#005831!important}section.hero.yellow .inner .content h1{color:#458d3d!important}section.hero.yellow .inner .content p,section.hero.yellow .inner .content p *{color:#000!important}section.hero .inner{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;width:100%;max-width:1156px;margin:0 auto;position:relative;z-index:2}section.hero .inner .content{padding:80px 0}section.hero .inner .content h3{color:#fbf364!important;margin-bottom:0}section.hero .inner .content h1{color:#cce68d!important;margin:20px 0;text-transform:uppercase}section.hero .inner .content p{font-size:1.25rem}section.hero .inner .image img{position:relative;bottom:-8vh;z-index:1;max-width:568px;margin:0 auto}section.hero .inner .image img.middle{bottom:-20px}section.hero .inner .image img.bottom{bottom:0}section.hero .inner .image img.bottom_right{right:0;bottom:0}@media only screen and (min-width: 992px){section.hero{padding:0 20px;background-size:contain;background-position:110%}section.hero.bg-img .inner .content{flex-direction:row}section.hero.bg-img .inner .content>*{flex-basis:50%}section.hero.padding-bottom .inner .content{padding:120px 0 180px}section.hero .inner{grid-template-columns:repeat(2,1fr);gap:20px}section.hero .inner .content{padding:120px 0}section.hero .inner .content h1{font-size:3.2rem}section.hero .inner .image img{flex-basis:40%;position:absolute;bottom:-20px}section.hero .inner .image img.middle{bottom:25%}}