#title {
  font: El Messiri, sans-serif;
  animation: title 2000ms linear 0s infinite;
  text-align: center;
  z-index: 100;
  font-size: 20px;
  padding: 20px 40px;
  background: #b6050e;
  color: #fff;
  width: 350px;
}

@media (max-width: 767px) {
#title {
  font: El Messiri, sans-serif;
  animation: title 1000ms linear 0s infinite;
  text-align: center;
  z-index: 100;
  font-size: 12px;
  padding: 0px 0px;
  background: #b6050e;
  color: #fff;
  width: 243px;
  margin-bottom: -125px;


}

}


@keyframes title {
  0% {
    color: #ffbf00;
  }
  10% {
    color: #fff;
  }
  20% {
    color: #ffbf00;
  }
  30% {
    color: #fff;
  }
  40% {
    color: #ffbf00;
  }
  50% {
    color: #fff;
  }
  60% {
    color: #ffbf00;
  }
  70% {
    color: #fff;
  }
  80% {
    color: #ffbf00;
  }
  90% {
    color: #fff;
  }
  100% {
    color: #ffbf00;
  }
}