.item-service {
    color: #ffffff;
    height: 8em;
    cursor: pointer;
    padding: 1em;
}

.bg-color-dark {
    background-color: #333333;
}

.bg-color-fucsia {
    background-color: #E91E63;
}

.bg-color-red {
    background-color: #D32F2F;
}

.bg-color-light-blue {
    background-color: #0288D1;
}

.bg-color-green {
    background-color: #388E3C;
}

.bg-color-light-green {
    background-color: #7CB342;
}

.bg-color-yellow {
    background-color: #FBC02D;
}

.bg-color-orange {
    background-color: #F57C00;
}

.bg-color-purple {
    background-color: #7B1FA2;
}

.bg-color-deep-purple {
    background-color: #4527A0;
}

.bg-color-indigo {
    background-color: #303F9F;
}

.bg-color-teal {
    background-color: #00796B;
}

.bg-color-blue-grey {
    background-color: #455A64;
}

.bg-color-brown {
    background-color: #795548;
}

.bg-color-lime {
    background-color: #9E9D24;
}

.bg-color-cyan {
    background-color: #00838F;
}

.bg-color-deep-orange {
    background-color: #FF7043;
}

.bg-color-coral {
    background-color: #FF6F61;
}

.bg-color-turquesa {
    background-color: #40E0D0;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .carousel-sanvicente-city {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%!important;
    }
    
    #section-items {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .carousel-sanvicente-city {
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 75%!important;
    }

    #section-items {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .carousel-sanvicente-city {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 75%!important;
    }

    #section-items {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}