.hero{width:100%;height:400px;background-size:cover;background-position:center;position:relative}.hero .inner{max-width:800px;margin:0 auto;position:relative;height:100%}.hero .inner .key-facts{position:absolute;right:0;top:100%;transform:translateY(-50%);padding:30px;background:#008bcb;width:300px;color:white;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.25);box-shadow:0 0 10px 0 rgba(0,0,0,0.25)}.key-facts h3{font-weight:bold !important;font-size:2em !important}.key-facts p{padding:15px 0;border-top:1px solid white;font-size:1.1em;margin:0 !important;font-weight:200}.key-facts p span{font-weight:bold}.hero-spacer{height:150px;margin:0 auto;margin-bottom:15px;max-width:800px}.hero-spacer h1{width:50%;font-weight:bold;font-size:2em;padding-top:30px}html{background:#f2f2f2}.hero .mobile{display:none}@media screen and (max-width:767px){.hero .mobile{display:block;width:100%;color:white;text-align:center;box-sizing:border-box;padding:0 30px;position:absolute;top:50%;transform:translateY(-50%)}.hero .inner .key-facts{width:100%;box-sizing:border-box;transform:none}.hero:before{content:" ";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5)}}