@media (min-width: 768px) and (max-width: 991px) {

    /* Show 4th slide on md  if col-md-4*/
    #carousel-uno .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 576px) and (max-width: 768px) {

    /* Show 3rd slide on sm  if col-sm-6*/
    #carousel-uno .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 576px) {

    #carousel-uno .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    #carousel-uno .carousel-inner .active+.carousel-item {
        display: block;
    }

    #carousel-uno .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-uno .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
        transition: none;
    }

    #carousel-uno .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    #carousel-uno .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    #carousel-uno .carousel-item-next.carousel-item-left+.carousel-item,
    #carousel-uno .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #carousel-uno .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #carousel-uno .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    #carousel-uno .carousel-item-prev.carousel-item-right+.carousel-item,
    #carousel-uno .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

/*MD*/
@media (min-width: 768px) {

    /* show 3rd of 3 item slide */
    #carousel-uno .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
    }

    #carousel-uno .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none;
    }


    #carousel-uno .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }


    /* left or forward direction */
    #carousel-uno .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    #carousel-uno .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}


/*LG */
@media (min-width: 991px) {

    /* show 4th item */
    #carousel-uno .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
        display: block;
    }

    #carousel-uno .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    #carousel-uno .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #carousel-uno .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    #carousel-uno .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}
.carousel-control-next, .carousel-control-prev {
    bottom: 120px; 
}
/* quita los bordes celestes de bootstrap */
.btn-primary {
    background-color: #fff;
    border-color: #514C48;
    color: #514C48;
    border-radius: 4px;
    
  }
  .btn-primary:hover{
    background-color: #514C48;
    border-color: #514C48;
    color: #fff;
    
   
  }
.btn-primary:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
/* quita el resplandor celeste de bootstrap */
.btn-primary {
  box-shadow: none !important;
}

.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:focus:active, 
.btn-primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary:focus:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #514C48;
    border-color: #514C48;
}
.card {
    border: 25px;

}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 1.25rem 1.25rem 0rem ;
}