p{margin:0;}

.fade-carousel{position:relative;height:40vh;}
.fade-carousel .carousel-inner .item{height:40vh;}
.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%;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:6em;font-weight:bold;margin:0;padding:0;}
.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;}
.btn.btn-lg{padding:10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus{color:#f5f5f5;background-color:#1abc9c;border-color:#1abc9c;outline:none;margin:20px auto;}
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3{height:40vh;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.fade-carousel .slides .slide-1{background-image:url(../images/slider1.jpg);}
.fade-carousel .slides .slide-2{background-image:url(../images/slider2.jpg);}
.fade-carousel .slides .slide-3{background-image:url(../images/slider3.jpg);}
@media screen and (min-width:980px){.hero{width:980px;}
}
@media screen and (max-width:640px){.hero h1{font-size:4em;}
}
.parallax1 { 
    /* The image used */
    background-image:url(../images/para1.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax2 { 
    /* The image used */
    background-image:url(../images/para2.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 { 
    /* The image used */
    background-image:url(../images/para3.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}