.top-color-bar {
    background-color: #0e3c00;
    color: white;
    font-size: clamp(0.8rem, 1.5vw, 1.25rem);
    text-align: center;
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .top-color-bar {
        flex-direction: column;
        align-items: start;
        gap: 0.25rem;
    }

    .slogan-text {
        white-space: normal !important;
        text-align: left;
    }
}