/* ================= LOGO BASE ================= */
.mecri-logo {
    width: auto;
    object-fit: contain;
    display: block;
}

/* ================= HEADER LOGO ================= */
.logo-header {
    max-height: 78px;
    max-width: 340px;
}

/* ================= FOOTER LOGO ================= */
footer {
    background-color: #1a1a1a;
}

footer .mecri-logo {
    max-height: 90px;
    max-width: 380px;
    display: block;

    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    padding: 4px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .logo-header {
        max-height: 68px;
        max-width: 290px;
    }

    footer .mecri-logo {
        max-height: 60px;
        max-width: 260px;
    }
}

@media (max-width: 768px) {
    .logo-header {
        max-height: 62px;
        max-width: 260px;
    }

    footer .mecri-logo {
        max-height: 55px;
        max-width: 240px;
    }
}

footer .footer-logo {
    display: block;
}