/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/styles/sections/hero.scss ***!
  \**********************************************************************************************************************************************************************************************/
.hero-container{background:#000;padding-top:200%;position:relative}@media (min-width:768px){.hero-container{padding-top:0}}.hero-container .hero-headline-1 h1{font-family:Gopher,ui-sans-serif,sans-serif;font-size:54px;letter-spacing:-.02em;line-height:110%;margin-bottom:52px;text-align:center;width:250px}@media (min-width:768px){.hero-container .hero-headline-1 h1{font-size:68px;line-height:100%;margin-bottom:40px;width:600px}}.hero-container>.image--inner img,.hero-container>.image--outer img{-o-object-fit:cover;object-fit:cover}.hero-container>.image--inner,.hero-container>.image--inner img,.hero-container>.image--outer,.hero-container>.image--outer img{max-width:100%}.hero-container>.image--inner,.hero-container>.image--outer,.hero-container>img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}@media (min-width:768px){.hero-container>.image--inner,.hero-container>.image--outer,.hero-container>img{bottom:auto;left:auto;position:relative;right:auto;top:auto}}.hero-headline-2{background:orange;color:#74003d;padding:50px 15px}.hero-headline-2 h5{font-size:13px;letter-spacing:.05em;line-height:16px;padding-bottom:20px;text-align:center;text-align:left;text-transform:uppercase}@media (min-width:768px){.hero-headline-2 h5{font-size:16px;line-height:20px}}.hero-headline-2 h2{padding-bottom:36px}.hero-headline-2 .link-container{border-color:#74003d;color:#74003d}.hero-headline-2 .link-container:hover{border-color:#c30058;color:#c30058;cursor:pointer}.hero-headline-2 a{text-align:left}.hero-headline-2 a:after{border:1px solid;bottom:-5px;content:"";left:0;position:absolute;width:100%}.hero-headline-2 a:after:hover{cursor:pointer}@media (min-width:768px){.hero-headline-2{padding:80px 155px}}

/*# sourceMappingURL=section-hero.css.map*/