.banner-noso {
    background-image: url(../img/banners/nosotros.jpg);
    min-height: 700px;
}
#nosotros p {
    font-size: 18px;
}
#nosotros .callout-1 {
    padding: 60px 0 320px;
}
#nosotros .callout-1 h4::after,
#nosotros .callout-1 h4::before {
    content: '';
    width: 50px;
    height: 4px;
    background-color: var(--color3);
    display: inline-block;
}
#nosotros .callout-1 span {
    font-size: 30px;
    line-height: 1.2;
}
#nosotros .callout-1 .mivi {
    background-color: var(--color11);
}
#nosotros .callout-1 .mivi p,
#nosotros .callout-1 .mivi h5 {
    color: var(--colorBlanco);
}
#nosotros .callout-1 .mivi div {
    width: 50%;
}
#nosotros .callout-1 .mivi .img-mivi {
    width: 25%;
}
#nosotros .callout-1 .mivi .text-mivi {
    padding: 15px 30px;
}
#nosotros .callout-1 h5.valor {
    color: var(--color11);
}
#nosotros .callout-1 .valores figure {
    height: 130px;
    margin-bottom: 10px;
}
#nosotros .callout-2 .flex-nosotros {
    margin-top: -220px;
}
#nosotros .callout-2 .flex-nosotros > div {
    width: 25%;
}
#nosotros .callout-2 h3 {
    color: var(--colorBlanco);
}
#nosotros .callout-2 .boton {
    border: 1px solid var(--color3);
    margin: 0 auto;
}
#nosotros .callout-2 .cuadro {
    height: 500px;
}

@media screen and (max-width: 980px){
    #nosotros .callout-1 .boton {
        margin-bottom: 30px;
    }
    #nosotros .callout-2 .flex-nosotros > div {
        width: 50%;
    }
    #nosotros .callout-1 .mivi .img-mivi {
        width: 100%;
        text-align: center;
    }
    #nosotros .callout-1 .mivi div {
        width: 100%;
    }
    #nosotros .callout-1 .mivi .text-mivi {
        padding: 30px;
    }
}
@media screen and (max-width: 768px){
    
    #nosotros .callout-2 .flex-nosotros > div {
        width: 100%;
    }
}