/* Ensure logo remains visible and sized correctly on mobile screens */
@media only screen and (max-width: 768px) {
    .logo-container {
        display: block !important;
        float: left;
    }

    .logo-container > img {
        max-height: 50px; /* Adjust size for smaller mobile headers */
        padding: 5px;
        width: auto;
    }

    .navbar-brand {
        display: flex;
        align-items: center;
    }
}