.banner-noso {
    background-image: url(../img/banners/nosotros.jpg);
    height: 369px;
}
#nosotros .callout-1 {
    padding: 100px 0 150px;
}
#nosotros .callout-1 .detalle > * {
    padding-bottom: 15px;
    font-size: 18px;
}
#nosotros .callout-1 .cuadro-flex {
    background-color: rgba(23, 164, 181, .75);
    width: 50%;
    height: 100%;
    padding: 60px;
}
#nosotros .callout-1 .cuadro-flex blockquote {
    font-size: 40px;
    color: var(--colorBlanco);
}
#nosotros .callout-1 .cuadro-flex .boton {
    max-width: 201px;
    border: 1px solid var(--colorBlanco);
    color: var(--colorBlanco);
    float: right;
}
#nosotros .callout-1 .mivi > div:first-child {
    flex: 1;
}
#nosotros .callout-1 .mivi > div:last-child {
    flex: 2;
}
#nosotros .callout-2 {
    background-color: var(--color2);
}
#nosotros .callout-2 img {
    margin-top: -75px;
}
#nosotros .callout-2 h5 {
    padding: 90px 0 40px;
    font-size: 46px;
    color: var(--colorBlanco);
}
#nosotros .callout-2 ul li {
    font-size: 20px;
    padding: 0 0 10px 35px;
    color: var(--colorBlanco);
    background: url(../img/iconos/check2.png) no-repeat;
    background-position-y: 3px;
}

#nosotros .callout-3 {
    padding: 90px 0;
    background-color: #F1F6F7;
}
#nosotros .callout-4 {
    padding: 100px 0 70px;
}
@media screen and (max-width: 980px){
    .banner-noso {
        height: 200px;
    }
    #nosotros .callout-1 .cuadro-flex {
        width: 100%;
        height: 100%;
        padding: 15px;
    }
    #nosotros .callout-2 h5 {
        padding: 60px 0 40px;
    }
    #nosotros .callout-2 ul {
        margin-bottom: 40px;
    }
    #nosotros .callout-1 .cuadro-flex blockquote {
        font-size: 30px;
    }
}