#scroll-container {
    margin: 40px 0px 60px 0px !important;
    border-radius: 5px;
    overflow: hidden;
    min-height: 300px;
    min-width: 320px !important;
    text-align: center !important;
}

#scroll-text {
    position: absolute;
    bottom: 5px;
    text-align: center;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -moz-animation: my-animation 10s linear infinite;
    -webkit-animation: my-animation 10s linear infinite;
    animation: my-animation 10s linear infinite;
}

    #scroll-text:hover {
        animation-play-state: paused;
    }

    #scroll-text a:hover {
        text-decoration: underline !important;
    }

/* for Firefox */
@-moz-keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-100%);
    }
}

/* for Chrome */
@-webkit-keyframes my-animation {
    from {
        -webkit-transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

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