.banner-serv {
    height: 364px;
    background-image: url(../img/banners/servicio.jpg);
}
.callout-1 {
    padding: 60px 0 70px;
}
.callout-1 h4 {
    color: var(--color4);
}
.callout-1 .servicio {
    padding: 50px 20px;
    background-color: var(--color2);
    border-radius: 20px;
    margin-bottom: 45px;
}
.callout-1 .servicio > div {
    flex: 1;
}
.callout-1 .servicio h3 {
    font-size: 30px;
    color: var(--color1);
}
.callout-1 p {
    font-size: 17px;
}
.callout-1 .servicio .detalle {
    padding-left: 20px;
}
.callout-1 .servicio .detalle div {
    max-width: 495px;
    margin: 0 auto;
}
.callout-1 blockquote {
    font-size: 54px;
    color: var(--color4);
    line-height: 1;
}
.callout-1 span {
    font-size: 20px;
    max-width: 545px;
    margin: 0 auto;
}
/* Tablet y Movil */
@media screen and (max-width: 980px){
    .banner-serv {
        height: 170px;
    }
    .callout-1 .servicio .detalle {
        padding-left: 0;
    }
    .callout-1 blockquote {
        font-size: 30px;
    }
    .callout-1 span {
        font-size: 17px;
    }
}