/* Visit http://www.menucool.com/responsive-slider for instructions */

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

#carouselExampleFade .carousel-item img {
    -webkit-animation: zoom 20s;
    animation: zoom 20s;
}

.carousel-caption {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    font-family: 'Sofia', cursive;
    z-index: 100;
}