/* Ensure wrapper uses flex */


/* Center logo by default */


/* Logo size default */
.logo {
    max-width: 200px;
    transition: all 0.3s ease;
}

/* Bigger on mobile */
@media (max-width: 767.98px) {
    .logo {
        max-width: 300px;
    }

    .ul-header-bottom-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .logo-container {
        flex: 1;
        display: flex;
        justify-content: center;
        transition: all 0.3s ease;
    }
}

/* On scroll: shrink and move left */
.header-scrolled .logo-container {
    justify-content: flex-start;
}
.header-scrolled .logo {
    max-width: 140px;
}