.imagen{
    width: 200px;
    
}
#carouselExampleControls{
    top: -40px;
}
.bef{
    width: 100%;
    height: 50%;
    position: absolute;
    display: block;
    background: #161111a6;
    top: 25%; 
    color: white;
    text-align: center;
    font-size: 40px;
    z-index: 100;
}
.bef > img{
    width: 80px;
}
.bef > img:hover{
    width: 100px;
}
.zi{
    z-index: 1000;
    margin-top: 10%;
}
/*.carousel-inner::after {
    width: 100%;
    height: 50%;
    position: absolute;
    content: "El mejor lugar para Celebrar tu Evento o dia especial";
    z-index: 100;
    display: block;
    background: #161111a6;
    /* top: 50px; 
    bottom: 30%;
    color: white;
    text-align: center;
    font-size: 40px;
    
}
*/
#fix{
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 100000;
    color: white;
    background: #08d508;
    border-radius: 40px;
    text-align: center;
    right: 5%;
    bottom: 30px;
   
}
#fix > a{
    color: white;
    font-size: xx-large;
}
#navbarNav{
    justify-content: right;
}
#navbarNav > ul > li > a{
    color: #f9cc29d1;
}
#navbarNav > ul > li > a:hover{
    color: white;
}
#galeria::after{
    
    width: 50%;
    height: 100%;
    position: absolute;
    content: url("./icon/festival-fireworks-icon.svg");
    z-index: -1;

}
#galeria::before{
    
    width: 300px;
    height: 100%;
    position: absolute;
    content: url("./icon/birthday-icon.svg");
    right: 1px;
    top: 1px;
    z-index: -2;

}
.nosotros-paquete-tit > img{
    width: 80px;
    
}
#contacto img{
    width: 100px;
}
.contenedor > img{
    border-radius: 20px;
    box-shadow:  0 0 30px rgba(27, 59, 238, 0.767);
    margin-bottom: 30px;
}
#foot{
    background:#463e3ed4; 
    color: #f9cc29d1;

}
@media (min-width: 767px) and (max-width: 9999px){
    .us-one{
        width: 50%;
    }
    body .navbar{
        padding: 0 5%;
    }
}
@media (min-width: 1px) and (max-width: 576px){
    .contenedor{
        width: 100%;
    }
    .contenedor > img{
        width: 100%;
    }
}
@media (min-width: 1px) and (max-width: 767px){
    .foot-k{
        padding: 0 5%;
    }
    .h5-k{
        text-align: center;
        margin: 30px 0;
    }
    .footer-div-down-title{
        text-align: center;
    }
    .contacto-div-mid{
        width: 100% !important;
        padding: 0 5%;
    }
    .contacto-div-mid > h3{
        text-align: center;
        margin-top: 20px;;
    }
    .btnk{
        min-width: 120px !important ;
    }
    .carousel-item img{
        height: 300px;
    }
    #carouselExampleControls{
        top: 0px;
    }
    .bef > img{
        width: 40px;
    }
    .bef > h1{
        font-size: 20px;
    }
}