.awesome {
  -webkit-animation: colorchange 20s infinite alternate;
}

@-webkit-keyframes colorchange {
  0% {
    color: #f94144;
  }
  6% {
    color: #f3722c;
  }
  12% {
    color: #f8961e;
  }
  18% {
    color: #f9c74f;
  }
  24% {
    color: #90be6d;
  }
  30% {
    color: #43aa8b;
  }
  36% {
    color: #4d908e;
  }
  42% {
    color: #577590;
  }
  48% {
    color: #277da1;
  }
  54% {
    color: #577590;
  }
  60% {
    color: #4d908e;
  }
  66% {
    color: #43aa8b;
  }
  72% {
    color: #90be6d;
  }
  80% {
    color: #f9c74f;
  }
  90% {
    color: #f8961e;
  }
  100% {
    color: #f3722c;
  }
}

.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}