IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
      }
.scroll-left {
 height: 200px;	
 overflow: hidden;
 position: relative;
 background: #cc0066;;
 color: black;
 border: 0px solid orange;
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 100px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* 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%); 
 }
}

.banner-text {
    font-size: 90px;
}

.hidden-element {
    display: none;
}

.intro-background {
    background-color: #cc0066;
}
.main-page-background{
    background-color: yellowgreen;
}
.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }