/* ==========================================================================
   Marquee Menu
   ========================================================================== */
.marquee {
    height: 20px;
    width: 420px;
    overflow: hidden;
    position: relative;
    color: #4c4c4c;
}

.marquee div {
    display: inline-block;
    width: 200%;
    height: 30px;
    position: relative;
    overflow: hidden;
    animation: marquee 6s linear infinite;
}

.marquee span {
    float: right;
    width: 50%;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

/* ==========================================================================
   End Marquee Menu
   ========================================================================== */