.fade-carousel{position:relative;height:500px}.fade-carousel .carousel-indicators>li{margin:0 2px;background-color:#f39c12;border-color:#f39c12;opacity:.7}.fade-carousel .carousel-indicators>li.active{width:10px;height:10px;opacity:1}.hero{position:absolute;top:50%;left:50%;width:100%;z-index:3;color:#fff;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.75);-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.hero h1{font-size:43px;font-weight:700;margin:0;padding:0;text-shadow:2px 2px 2px #020202}.fade-carousel .carousel-inner .item .hero{opacity:0;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}.fade-carousel .carousel-inner .item.active .hero{opacity:1;-webkit-transition:2s all ease-in-out .1s;-moz-transition:2s all ease-in-out .1s;-ms-transition:2s all ease-in-out .1s;-o-transition:2s all ease-in-out .1s;transition:2s all ease-in-out .1s}.overlay{position:absolute;width:100%;height:100%;z-index:2;background-color:rgba(8,13,21,.5);opacity:.7}.btn.btn-lg{padding:10px 40px}.btn.btn-hero,.btn.btn-hero:focus,.btn.btn-hero:hover{color:#f5f5f5;background-color:#481268;border-color:#481268;outline:0;margin:20px auto}.fade-carousel .slides .slide-1,.fade-carousel .slides .slide-2,.fade-carousel .slides .slide-3{height:500px;background-size:cover;background-position:center center;background-repeat:no-repeat}.fade-carousel .slides .slide-1{background-image:url(../jpg/slide1.jpg)}.fade-carousel .slides .slide-2{background-image:url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af)}.fade-carousel .slides .slide-3{background-image:url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327)}@media screen and (min-width:980px){.hero{width:980px}}@media screen and (max-width:640px){.hero h1{font-size:4em}}