.newsslider {
 height: 30px;
 width: 90%;
 margin: auto;
 overflow: hidden;
 position: relative;
}
#newsslider{
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 text-align: center;
 font-style: normal;
 font-weight: bold;
 font-size: 80%;
 color: #ffffff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 backface-visibility: hidden;
 -webkit-backface-visibility: hidden;
 -webkit-transform: translateZ(0) scale(1.0, 1.0);
 transform: translateZ(0);
 /* Apply animation to this element */
 animation: example2 2s ease-out;
}
#newsslider a{
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
/* Move it (define the animation) */
@keyframes example2 {

 0%   {
 transform: translateX(200%);
 }
 70%{
   transform: translateX(-5%);
 }
 80%{
   transform: translateX(15%);
 }
 90%{
   transform: translateX(-2%);
 }
 96%{
   transform: translateX(2%);
 }

 100% {
 transform: translateX(0%);
 }
}
@media (min-width: 350px) {
	#newsslider {
		font-size: 100%;
	}
}