.banner-clie {
    height: 300px;
    background-image: url(../img/banners/cliente.jpg);
}
#cliente .callout-1 {
    padding: 80px 0;
}
#cliente .callout-1 h5 {
    font-size: 35px;
    color: var(--color4);
}
#cliente .callout-1 p {
    font-size: 18px;
}
#cliente .callout-1 .clientes > div {
    width: 20%;
    height: 220px;
}
#cliente .callout-1 .clientes .d-cinco {
    width: 100%;
}
.callout-3 {
    background-color: var(--colorPlomo);
    padding: 100px 0 80px;
}
.callout-3 span {
    font-size: 25px;
    color: var(--color2);
}
.callout-3 h5 {
    font-size: 45px;
    color: var(--color2);
}
.callout-3 .boton {
    max-width: 286px;
    margin: 0 auto;
}
@media screen and (max-width: 900px){
    .banner-clie {
        height: 190px;
    }
    #cliente .callout-1 h5 {
        font-size: 30px;
    }
    #cliente .callout-1 .clientes .d-tres {
        width: 100%;
    }
    #cliente .callout-1 .clientes .d-cinco {
        width: 0;
    }
    #cliente .callout-1 .clientes > div {
        width: 33%;
    }
    .callout-3 {
        padding: 70px 0;
    }
    .callout-3 h5 {
        font-size: 30px;
    }
    .callout-3 span {
        font-size: 20px;
    }
}
@media screen and (max-width: 600px){
    #cliente .callout-1 .clientes .d-uno {
        width: 100%;
    }
    #cliente .callout-1 .clientes > div {
        width: 100%;
    }
}