html, body {
    overflow-x: hidden;
    width: 100%; 
}


#page-wrapper {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}


.ticker-container {
    width: 80%; 
    margin: 0 auto;
    overflow: hidden; 
    padding: 10px 0;
    white-space: nowrap;
} 


#tickerwrap {
    width: 100%;
    margin: 0 auto;
} 

#ticktick {
    display: inline-block;
    cursor: pointer; 
    

    transform: translateX(100vw); 

    animation-name: ticktickmove;
    animation-duration: 120s; 
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 2s; 
    animation-fill-mode: forwards; 
}


#ticktick:hover, #ticktick:focus {
    animation-play-state: paused;
    outline: none; 
}

@keyframes ticktickmove {

    0% { transform: translateX(100vw); } 

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


#ticktick p {
    display: inline;
    margin: 0;
    padding: 0 50px; 
    font-size: 11px;
}