@font-face {
	font-family: 'KaufmX';
	src: url('kaufmann.ttf') format('woff');
	--YLFontNameDisplay: "Kaufm";
}

@font-face {
	font-family: 'StencilX';
	src: url('StencilRegularDB.ttf') format('woff');
	--YLFontNameDisplay: "Stencil";
}


.scrollingTextRev
{
	transform: translateX(-100%);
	white-space: nowrap;
	
	font-family:'HelveticaNeueThExX';
	font-size:60px;
	color:rgb(60,60,60);
	vertical-align:top;
}

.scrollingSwingRev {
	
	-webkit-animation: swingRev 12s linear alternate;
	animation: swingRev 12s linear alternate;
	
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes swingRev
{
	0%
	{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	
	100%
	{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.scrollingText
{
	transform: translateX(100%);
	white-space: nowrap;
	
	font-family:'KaufmX';
	font-size:50px;
	color:rgb(255,126,0);
	vertical-align:top;
}

.scrollingSwing {
	
	-webkit-animation: swing 12s linear alternate;
	animation: swing 12s linear alternate;
	
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.scrollingSwingSlow {
	
	-webkit-animation: swing 18s linear alternate;
	animation: swing 18s linear alternate;
	
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes swing
{
	0%
	{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	
	100%
	{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}