.hero--wrapper{background-position-x:right;background-repeat:no-repeat;background-size:cover}.hero--wrapper .hero--container{margin-bottom:50px;margin-top:100px;max-width:630px;width:100%}.hero--wrapper .hero--container:before{background:#fff;bottom:0;content:"";height:50px;margin-left:-50vw;position:absolute;width:50vw}.hero--wrapper .hero--content{background-color:rgba(0,0,0,.4);color:#fff;max-width:460px;padding:5em 3em}.hero--wrapper .hero--content.hero-dark-bg{background-color:rgba(0,0,0,.6)}.hero--wrapper .hero--content h1{color:#fff}@media screen and (min-width:960px){.hero--wrapper{background-position-x:left}}