body{
    background: url("https://cdn.pixabay.com/photo/2016/03/07/00/00/cinema-1241422_960_720.jpg");
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    z-index: -3;
    background-attachment: fixed;
}
@font-face {
    font-family: 'Winter Dairy - Shiny';
    src: url('../font/Winter Dairy - Shiny.ttf');
}
.titulo1{
    font-family: 'Winter Dairy - Shiny';
    color: #ffffff;
    font-size: 100px;
    text-shadow: 0.1em 0.1em 0.2em black;
}
.btn-facebook{
    background-color: #0a58ca;
    color: white;
    border-radius: 50%;
}.btn-facebook:hover{
     background-color: white;
     color: #0a58ca;
 }
.btn-youtube{
    background-color: #ca0a0b;
    color: white;
    border-radius: 50%;
}
.btn-youtube:hover{
    background-color: #ffffff;
    color: #ca0a0b;
    border-radius: 50%;
}
.btn-whatsapp{
    background-color: #1cb478;
    color: white;
    border-radius: 50%;
}
.btn-whatsapp:hover{
    background-color: #ffffff;
    color: #1cb478;
    border-radius: 50%;
}
.slider {
    width: 90%;
    margin: 100px auto;
}
.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-prev:before,
.slick-next:before {
    color: black;
}


@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}


.zoomP{
    /* Aumentamos la anchura y altura durante 2 segundos */
    transition: width 1.1s, height 1.1s, transform 1.1s;
    -moz-transition: width 1.1s, height 1.1s, -moz-transform 1.1s;
    -webkit-transition: width 1.1s, height 1.1s, -webkit-transform 1.1s;
    -o-transition: width 1.1s, height 1.1s,-o-transform 1.1s;
}
.zoomP:hover{
    /* tranformamos el elemento al pasar el mouse por encima al doble de
       su tamaño con scale(2). */

    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

    -webkit-transform:scale(1.05);transform:scale(1.05)
}