.wordCarousel > div {
   overflow: hidden;
   position: relative;
   height: 65px;
   padding-top: 10px;
   margin-top: -10px;
}
.wordCarousel > span{
  text-align: center;
  display: block;
}
.wordCarousel > div > ul > li {
  padding: 0 10px;
  height: 45px;
  margin-bottom: 45px;
  display: block;
  text-align: center;
}
@media(max-width:800px){
  .wordCarousel > div{
    height: 120px;
  }
  .wordCarousel > div > ul > li{
    height: 80px;
  }
  @keyframes flip3 {
    0% { margin-top: -375px; }
    5% { margin-top: -250px; }
    33% { margin-top: -250px; }
    38% { margin-top: -125px; }
    66% { margin-top: -125px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -375px; }
  }
}

.flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip5 { animation: flip5 12s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
@media(min-width: 801px){
@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}
}