.hero-component{position:relative}.hero-component .hero-component--backdrop{width:100%}@media screen and (min-width:1200px){.hero-component .hero-component--content{font-size:2.8rem}.hero-component .hero-component--content .h1,.hero-component .hero-component--content h1{font-size:5.6rem}.hero-component .hero-component--content .h2,.hero-component .hero-component--content h2{font-size:5.2rem}.hero-component .hero-component--content .h3,.hero-component .hero-component--content h3{font-size:4.8rem}.hero-component .hero-component--content .h4,.hero-component .hero-component--content h4{font-size:4.4rem}.hero-component .hero-component--content .h5,.hero-component .hero-component--content h5{font-size:4rem}.hero-component .hero-component--content .h6,.hero-component .hero-component--content h6{font-size:3.2rem}}.hero-component .hero-component--content{padding:20px}@media screen and (min-width:768px){.hero-component{margin-bottom:20px}.hero-component .hero-component--content{position:absolute}.hero-component.hero-component--text-color-light{color:#fff}.hero-component.hero-component--text-color-light a,.hero-component.hero-component--text-color-light a:link,.hero-component.hero-component--text-color-light a:visited{-webkit-text-decoration-color:hsla(0,0%,100%,.6);text-decoration-color:hsla(0,0%,100%,.6)}.hero-component.hero-component--text-color-light .h1,.hero-component.hero-component--text-color-light .h2,.hero-component.hero-component--text-color-light .h3,.hero-component.hero-component--text-color-light .h4,.hero-component.hero-component--text-color-light .h5,.hero-component.hero-component--text-color-light .h6,.hero-component.hero-component--text-color-light a,.hero-component.hero-component--text-color-light a:link,.hero-component.hero-component--text-color-light a:visited,.hero-component.hero-component--text-color-light h1,.hero-component.hero-component--text-color-light h2,.hero-component.hero-component--text-color-light h3,.hero-component.hero-component--text-color-light h4,.hero-component.hero-component--text-color-light h5,.hero-component.hero-component--text-color-light h6{color:#fff}.hero-component.hero-component--text-color-light.hero-component--text-bg .hero-component--content{background-color:rgba(0,0,0,.8)}.hero-component.hero-component--text-color-dark{color:#000}.hero-component.hero-component--text-color-dark a,.hero-component.hero-component--text-color-dark a:link,.hero-component.hero-component--text-color-dark a:visited{-webkit-text-decoration-color:rgba(0,0,0,.6);text-decoration-color:rgba(0,0,0,.6)}.hero-component.hero-component--text-color-dark .h1,.hero-component.hero-component--text-color-dark .h2,.hero-component.hero-component--text-color-dark .h3,.hero-component.hero-component--text-color-dark .h4,.hero-component.hero-component--text-color-dark .h5,.hero-component.hero-component--text-color-dark .h6,.hero-component.hero-component--text-color-dark a,.hero-component.hero-component--text-color-dark a:link,.hero-component.hero-component--text-color-dark a:visited,.hero-component.hero-component--text-color-dark h1,.hero-component.hero-component--text-color-dark h2,.hero-component.hero-component--text-color-dark h3,.hero-component.hero-component--text-color-dark h4,.hero-component.hero-component--text-color-dark h5,.hero-component.hero-component--text-color-dark h6{color:#000}.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content{background-color:hsla(0,0%,100%,.6)}.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h2,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h3,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h4,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h5,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content h6,.hero-component.hero-component--text-color-dark.hero-component--text-bg .hero-component--content p{color:#000}}@media screen and (min-width:768px){.hero-component.hero-component--margin-x-1.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-1.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-1 .hero-component--content{width:83.33333333%}.hero-component.hero-component--margin-x-2.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-2.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-2 .hero-component--content{width:66.66666667%}.hero-component.hero-component--margin-x-3.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-3.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-3 .hero-component--content{width:50%}.hero-component.hero-component--margin-x-4.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-4.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-4 .hero-component--content{width:33.33333333%}.hero-component.hero-component--margin-x-5.hero-component--left .hero-component--content{left:20px}.hero-component.hero-component--margin-x-5.hero-component--right .hero-component--content{right:20px}.hero-component.hero-component--margin-x-5 .hero-component--content{width:16.66666667%}.hero-component.hero-component--right .hero-component--content{text-align:right}.hero-component.hero-component--top .hero-component--content{top:20px}.hero-component.hero-component--bottom .hero-component--content{bottom:20px}.hero-component.hero-component--middle .hero-component--content{text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero-component.hero-component--middle-y .hero-component--content{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hero-component.hero-component--middle-x .hero-component--content{text-align:center;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}}
/*# sourceMappingURL=hero.css.map */