section.hero{display:flex;flex-wrap:wrap;position:relative}@media(min-width:900px){section.hero{height:650px}}section.hero .container{padding:0;position:relative;z-index:1}@media(min-width:900px){section.hero .container{position:relative;width:50%;max-width:50%;margin:0;left:0;right:0;left:50%}section.hero .container.image-left{right:0;margin:0}section.hero .container.image-right{left:0;margin:0}}@media(min-width:1200px){section.hero .container{left:0;margin-left:auto !important;margin-right:auto !important;max-width:100%;width:1200px;max-width:100%;background:0;padding:0 15px}}section.hero .hero-background{flex-basis:100%;position:relative;z-index:1}section.hero .hero-background img{max-height:275px;object-fit:cover;object-position:top;width:100%}@media(min-width:900px){section.hero .hero-background img{max-height:100%;display:block;height:600px !important;width:100%;object-fit:cover}}@media(min-width:900px){section.hero .hero-background{max-width:50%;position:absolute;top:0;bottom:0;z-index:0}section.hero .hero-background.top-space{margin-top:50px !important;margin-bottom:0 !important}section.hero .hero-background.bottom-space{margin-bottom:50px !important;margin-top:0 !important}section.hero .hero-background.image-left{left:0;right:50%}section.hero .hero-background.image-right{right:0;left:50%}}section.hero .hero-background .hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;background:rgba(70,126,215,0.3)}@media(min-width:900px){section.hero .hero-background .hero-overlay{max-height:600px}}section.hero .hero-foreground{background:#172945;color:#fff;padding:20px 15px 40px;position:relative;flex-basis:100%;z-index:1}section.hero .hero-foreground.hero-light-blue{background:#234884}@media(min-width:900px){section.hero .hero-foreground{padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;padding:15px}section.hero .hero-foreground:after{top:0;bottom:0;content:"";position:absolute;width:0;height:0;border-style:solid;z-index:-1}section.hero .hero-foreground.image-left:after{right:100%;border-width:0 0 650px 150px;border-color:transparent transparent #172945 transparent}section.hero .hero-foreground.image-left.hero-light-blue:after{border-color:transparent transparent #234884 transparent}section.hero .hero-foreground.image-left.flip:after{border-width:0 150px 650px 0;border-color:transparent #172945 transparent transparent}section.hero .hero-foreground.image-left.flip.hero-light-blue:after{border-color:transparent #234884 transparent transparent}section.hero .hero-foreground.image-right:after{left:100%;border-width:650px 0 0 150px;border-color:transparent transparent transparent #172945}section.hero .hero-foreground.image-right.hero-light-blue:after{border-color:transparent transparent transparent #234884}section.hero .hero-foreground.image-right.flip:after{border-width:650px 150px 0 0;border-color:#172945 transparent transparent transparent}section.hero .hero-foreground.image-right.flip.hero-light-blue:after{border-color:#234884 transparent transparent transparent}}@media(min-width:1200px){section.hero .hero-foreground{width:50%}section.hero .hero-foreground:before{content:"";position:absolute;top:0;bottom:0;width:1200px;height:100%;background:#172945;z-index:1}section.hero .hero-foreground.hero-light-blue:before{background:#234884}section.hero .hero-foreground.image-left{left:50%;right:0}section.hero .hero-foreground.image-left:before{left:100%}section.hero .hero-foreground.image-left:after{border-width:0 0 650px 200px}section.hero .hero-foreground.image-left.flip:after{border-width:0 200px 650px 0}section.hero .hero-foreground.image-right{left:0;right:0}section.hero .hero-foreground.image-right:before{right:100%}section.hero .hero-foreground.image-right:after{border-width:650px 0 0 200px}section.hero .hero-foreground.image-right.flip:after{border-width:650px 200px 0 0}section.hero .hero-foreground.image-right:before{content:"";position:absolute;top:0;bottom:0;width:1200px;height:100%;background:#172945;z-index:1}section.hero .hero-foreground.image-right.hero-light-blue:before{background:#234884}}@media(min-width:1500px){section.hero .hero-foreground.image-left:after{border-width:0 0 650px 300px}section.hero .hero-foreground.image-left.flip:after{border-width:0 300px 650px 0}section.hero .hero-foreground.image-right:after{border-width:650px 0 0 300px}section.hero .hero-foreground.image-right.flip:after{border-width:650px 300px 0 0}}