.scroll-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 30px 0;
}

.scroll-wrapper {
    display: inline-block;
    animation: linear infinite;
}

.scroll-text {
    display: inline-block;
    margin-right: 40px;
    font-size: 80px;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    text-transform: uppercase;
}

@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}

@media (max-width: 768px) {
    .scroll-text { font-size: 50px; margin-right: 25px; }
}

@media (max-width: 480px) {
    .scroll-text { font-size: 30px; margin-right: 15px; }
}