.hero{background-size:cover;background-color:#EEE;height:500px;text-align:center;position:relative}.hero .background-image{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;background-position:50%;background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;-moz-transition:all 250ms ease-in;-o-transition:all 250ms ease-in;-webkit-transition:all 250ms ease-in;transition:all 250ms ease-in}.hero .overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:rgba(0,0,0,0.5);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, transparent));background:-moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);background:-webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);background:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.hero .content{z-index:10;display:block;width:100%;position:relative;right:0;bottom:0;left:50%;top:50%;-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.hero .content h1{color:white;text-shadow:1px 2px 1px rgba(0,0,0,0.5);margin:0 auto;text-align:center}.hero .content .btn{box-shadow:1px 2px 1px rgba(0,0,0,0.5);text-shadow:1px 2px 1px rgba(0,0,0,0.5);color:white;border-color:white}.hero .content .btn:hover,.hero .content .btn:active,.hero .content .btn:focus{border-color:#84C455}