.advertisement{
    padding: 14px 35px 14px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.advertisement, .advertisement h1{
    color: #777;
}
/*.advertisement.advertisement-info {
    background-color: #d9edf7;
    color: #3a87ad;
}
.advertisement.advertisement-warning {
    background: #FAF6E5;
    color: #AE8B52;
}
.advertisement.advertisement-error {
    background: #F4EAE6;
    color: #B14B48;
}
.advertisement.advertisement-success {
    background-color: #dff0d8;
    color: #468847;
}*/

.advertisement{
      animation: colorchange 70s linear 1s infinite; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 70s linear 0s infinite alternate; /* Chrome and Safari */
}

  @keyframes colorchange
    {
      0%   {background: #ffedf5; }
      33%  {background: #fffce6; }
      66%  {background: #fcebff; }
      100% {background: #f0fbfc; }
   }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #ffedf5;}
      33%  {background: #fffce6;}
      66%  {background: #fcebff;}
      100% {background: #f0fbfc;}
   }