.ticker {
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: ticker;
	animation-duration: 20s;
	position: absolute;
	/* bottom:0rem; */
	left: -300%;
	width: 600%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: clamp(.3rem,0.4vw,.6rem) 0;
	transition: background-color .3s ease;
	height: 100%;
}
@media screen and (min-width: 600px){
	.ticker {
		left: -200%;
		width: 400%;
		animation-duration: 25s;
	}
	
}

@media screen and (min-width: 992px){
	.ticker {
		left: -100%;
		width: 200%;
		animation-duration: 30s;
	}
	
}

@keyframes ticker {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(50%, 0, 0);
  }
}