.banner-blog {
    background-image: url(../img/banners/nosotros.jpg);
    height: 700px;
}
#blog p {
    font-size: 17px;
}
#blog .callout-1 {
    padding: 60px 0 100px;
}
#blog .callout-1 .title-flex > div:last-child {
    width: 138px;
}
#blog .callout-1 h1 {
    font-size: 38px;
    color: var(--color11);
}
#blog .callout-1 h2 {
    color: var(--color11);
}
#blog .callout-1 h5 {
    font-size: 33px;
    color: var(--color11);
}
#blog .callout-1 .retor {
    font-size: 18px;
    color: var(--color11);
}
#blog .callout-1 .retor:hover {
    color: var(--color3);
}
#blog .callout-1 h4 {
    color: var(--color11);
}
#blog .callout-1 .blog {
    margin: 0 auto 60px;
}
#blog .callout-1 .fecha {
    font-size: 15px;
    color: #8F8F8F;
}
#blog .callout-1 .descripcion > p {
    font-size: 18px;
    padding-bottom: 20px;
}
#blog .callout-1 .descripcion.descripcion2 > p {
    font-size: 22px;
}
#blog .callout-1 figure.detalle-img {
    background-color: var(--color5);
}
#blog .callout-2 h3 {
    color: var(--colorBlanco);
}
#blog .callout-2 .boton {
    border: 1px solid var(--color3);
    margin: 0 auto;
}
#blog .callout-2 .row {
    height: 700px;
}
@media screen and (max-width: 768px){
    #blog .callout-1 h5 br {
        display: none;
    }
}