/**
 * Le Tour de Moi - Component: Logo
 * Gestion des logos header et footer.
 */

.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.site-logo img {
    display: block;
    height: 80px;
    width: auto;
    max-width: 300px;
    object-fit: contain;
}

.footer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 1.5rem;
}

.footer-logo img {
    display: block;
    height: 52px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
    .site-logo img {
        height: 56px;
        max-width: 240px;
    }

    .footer-logo img {
        height: 42px;
        max-width: 210px;
    }
}