@import url('https://fonts.googleapis.com/css?family=Codystar');
.scrollingTxt {
	 height: 40px;	
	 overflow: hidden;
	 position: relative;
	 background-color:transparent;
	 padding: 5px;
	  border-radius: 0px;
	  box-shadow: none;
	  border-style: none;
   	 border-width: 0px;
   	 border-color:white;
   	 /* margin-bottom:6px; */
}

.scrollingTxt h2 {
	font-family: inherit;
	white-space: nowrap;
	color : red;
	font-weight:800;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	/*  background-color: gray; */
	 line-height: 30px;
	 text-align: left;
	 /* Starting position */
	 -moz-transform:translateX(100%);
	 -webkit-transform:translateX(100%);	
	 transform:translateX(100%);
	 /* Apply animation to this element */	
	 -moz-animation: scrollingTxt 20s linear infinite;
	 -webkit-animation: scrollingTxt 20s linear infinite;
	 animation: scrollingTxt 20s linear infinite;
}

/*  animation */
@-moz-keyframes scrollingTxt {
	 0%   { -moz-transform: translateX(100%); }
	 100% { -moz-transform: translateX(-200%); }
}
@-webkit-keyframes scrollingTxt {
	 0%   { -webkit-transform: translateX(100%); }
	 100% { -webkit-transform: translateX(-200%); }
}
@keyframes scrollingTxt {
	 0%   { 
	 -moz-transform: translateX(100%); /* Firefox bug fix */
	 
	 -webkit-transform: translateX(100%); /* Firefox bug fix */
	 transform: translateX(100%); 		
	 }
	 100% { 
	 -moz-transform: translateX(-200%); /* Firefox bug fix */
	 -webkit-transform: translateX(-200%); /* Firefox bug fix */
	 transform: translateX(-200%); 
	 }
}
