/* ==========================================================
   LOGO INPACT-RDC DANS L'EN-TÊTE
   Ajoutez ce bloc dans styles.css à la place des anciennes
   règles .brand-mark, .brand-letter et .brand-band.
========================================================== */

.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.brand-logo {
    display: block;
    width: auto;
    height: 64px;
    object-fit: contain;
}

@media (max-width: 800px) {
    .brand-logo {
        height: 54px;
    }
}

@media (max-width: 520px) {
    .brand-logo {
        height: 46px;
        max-width: 210px;
    }
}