section.hero{position:relative;width:100%;padding:0 20px;background-repeat:no-repeat;background-size:cover;background-position:center}section.hero.padding-bottom .inner .content{padding:80px 0 120px}section.hero.blue .inner .content h1{color:#1f3b95}section.hero.blue .inner .content p{color:#fff}section.hero.purple .inner .content h1{color:#b187c9}section.hero.yellow .inner .content .overline{color:#005831}section.hero.yellow .inner .content h1{color:#458d3d}section.hero.yellow .inner .content p{color:#000}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}section.hero .inner .content{padding:80px 0}section.hero .inner .content h3{color:#fbf364;margin-bottom:0}section.hero .inner .content h1{color:#cce68d;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.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%}}