#marquee {
    width: 100%;
    height: 100%;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-animation: marquee-text 15s linear infinite;
    -webkit-transform: marquee-text 15s linear infinite;
    animation: marquee-text 15s linear infinite
}

header:hover #marquee { animation-play-state: paused; }

@-moz-keyframes marquee-text {
    0% { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes marquee-text {
    0% { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
}

@keyframes marquee-text {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transfomr: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}