.scrolling-text .marquee-content {
	animation: scroll 200s linear infinite;
}

.marquee-content.reverse {
	animation-direction: reverse;
}

.marquee.scrolling-text h2 {
	float: left;
  	padding-left: 20px;
	opacity: .4;
    color: #0E1E1A;
	font-family: var(--wp--preset--font-family--bebas-neue-pro-semiexpanded);
	font-size: 5rem;
	font-weight: 800;
	letter-spacing: 7.5px;
	line-height: 1;
    -webkit-text-stroke: 1px #FBAA19;
    text-stroke: 1px #FBAA19;
	text-shadow: 0px 0px 10px #FBAA19;
	pointer-events: none;
	margin: 0;
}

@media (min-width: 400px) {
	.marquee.scrolling-text h2 {
		font-size: 6rem;
	}
}

@media (min-width: 480px) {
	.marquee.scrolling-text h2 {
		font-size: 7rem;
	}
}

@media (min-width: 600px) {
	.marquee.scrolling-text h2 {
		font-size: 9rem;
	}
}

@media (min-width: 800px) {
	.marquee.scrolling-text h2 {
		font-size: 11rem;
	}
}

@media (min-width: 1000px) {
	.marquee.scrolling-text h2 {
		font-size: 12rem;
	}
}

@media (min-width: 1200px) {
	.marquee.scrolling-text h2 {
		-webkit-text-stroke: 2px #FBAA19;
    	text-stroke: 2px #FBAA19;
		font-size: 16rem;
	}
}