.div_logo {
    justify-content: center;
}

#logo {
    max-width: 100%;
    height: auto !important; /* anula la clase h-100 que agrega ui.js en logos verticales */
    max-height: 20vw; /* ~60% del ancho del contenedor; col-md-4 ocupa ~33vw */
}

@media (max-width: 767px) {
    #logo {
        max-height: 40vw;
    }
}