.scrollingBanner {
    height: 50px;	
    overflow: hidden;
    position: relative;
   }
   .scrollingBanner h3 {
    font-size: 3em;
    color: rgb(240, 141, 11);
    /* position: relative; */
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    /* Apply animation to this element */	
    -moz-animation: scrollingBanner 15s linear infinite;
    -webkit-animation: scrollingBanner 15s linear infinite;
    animation: scrollingBanner 15s linear infinite;
   }
   
   /* Move it (define the animation) */
   @-moz-keyframes scrollingBanner {
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-100%); }
   }
   @-webkit-keyframes scrollingBanner {
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-100%); }
   }
   @keyframes scrollingBanner {
    0%   { 
    -moz-transform: translateX(100%); /* Firefox bug fix */
    -webkit-transform: translateX(100%); /* Firefox bug fix */
    transform: translateX(100%); 		
    }
    100% { 
    -moz-transform: translateX(-100%); /* Firefox bug fix */
    -webkit-transform: translateX(-100%); /* Firefox bug fix */
    transform: translateX(-100%); 
    }
   }