body {
  background-color: black;
}

.bgimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  opacity: 0.4;
  filter: alpha(opacity=20); /* For IE8 and earlier */
  z-index: 2;
}

p {
  color: white;
}

.scroll-left {
 height: 50px;
 overflow: hidden;
 position: absolute;
 top: 30px;
 left: auto;
 z-index: 1;
 }

.scroll-left p {
 position: relative;
 overflow: hidden;
 width: 900px;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 font-family:'Arial Black', sans-serif;
 font-size:1.1em;
 line-height:1.3em;
 color:#FFFFFF;
 padding:0em;
 /* opacity: 1; */

 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);

 /* Apply animation to this element */
 -moz-animation: scroll-left 20s linear infinite;
 -webkit-animation: scroll-left 20s linear infinite;
 animation: scroll-left 20s linear infinite;
 animation-delay: -3s;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   {
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%);
 }
}