*{
    font-family: 'Century Gothic';
}

.navbar {
    box-shadow: 0px 5px 5px dimgrey;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 28px;
    width: 28px;
    background-color: rgb(0, 0, 0);
    background-size: 50%, 50%; 
    border-radius: 50%;
    font-size: 20px;
    line-height: 24px;
    margin-top: -5px;
}

/* TARJETAS */
/* .my-flex-card>div>div.card {*/
.my-flex-card>div>div.card {
    width: 18rem;
    height: calc(100% - 15px);
    margin-bottom: 15px;
}

/* Imagenes de servicio */
.con_servicio {
    width: 18%;
    float: center;
    margin: 0px;
}

.servicio {
    width: 170px;
    margin: auto;
}

.servicio:hover {
    filter: sepia(80%);
    -webkit-transform:scale(0.9);
}

.con_servicio {
    overflow: hidden;
}

.logoli {
    -webkit-transform:scale(1.1);
    margin-left: 20px;
}

.productos {
    width: 95px;
}

.productos:hover{
    filter: sepia(80%);
    -webkit-transform:scale(0.9);
}

#menu {
    color:white;
    font-size: 17px;
    border: none;
    background: none;
}
#menu:hover {
    color: black ;
    background: #dddfe0 ;
    border-radius: 5px ;
}

#navbarDropdownMenuLink {
    color:white;
    font-size: 17px;
    border: none;
    background: none;
}
#navbarDropdownMenuLink:hover {
    color: black ;
    background: #dddfe0 ;
    border-radius: 5px ;
}

.thumbnail { 
    position: relative; 
   } 
.caption { 
    position: absolute; 
    top: 45%; 
    left: 0; 
    width: 100%; 
}

#contadorcarrito {
    position: absolute;
    top: 5px ;
    right: 5px;
    text-align: center ;
}