@media (max-width: 1200px) {
    .carta-servicio {
        width: 260px;
        margin: 15px;
    }
}

@media (max-width:960px) {
    .contenedor-cartas-servicios-of {
        flex-wrap: nowrap;
        padding-bottom: 100px;
    }

    .carta-servicio {
        width: 260px;
        margin: 20px;
    }
}
@media (max-width: 768px) {
    .contenedor-cartas-servicios-of{
        display: grid;
        grid-template-columns: repeat(1,fr);
    }
    .carta-servicio{
        width: 90%;
    }
}
@media (max-width: 480px) {
    .carta-servicio{
        width: 80%;
    }
}
@media (max-width: 350px) {
    .carta-servicio{
        width: 70%;
    }
}