#spin {
  color: #fff;
}
#spin:after {
  content:"";
  animation: spin 20s linear infinite;
}
@keyframes spin {
  0% { content:"el Sector Automotriz "; }
  20% { content:"Automatizar Procesos"; }
  40% { content:"Actualizar tu Concesionaria"; }
  60% { content:"Aumentar las Ventas"; }
  80% { content:"Potenciar tu Marca"; }
  100% { content: "Agilizar tu Comunicación"; }
}


.word {
  font-size:3em;
  font-weight:bold;
  opacity:0;
  position: absolute;
  width: 100%;
  text-align: center;
}

.w1 {
  -webkit-animation: w1anim 20s infinite;
          animation: w1anim 20s infinite;
}

.w2 {
  -webkit-animation: w2anim 20s infinite;
          animation: w2anim 20s infinite;
}

.w3 {
  -webkit-animation: w3anim 20s infinite;
          animation: w3anim 20s infinite;
}

.w4 {
  -webkit-animation: w4anim 20s infinite;
          animation: w4anim 20s infinite;
}

.w5 {
  -webkit-animation: w5anim 20s infinite;
          animation: w5anim 20s infinite;
}



@-webkit-keyframes w1anim {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  20% {
    opacity:0;
  }
}



@keyframes w1anim {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  20% {
    opacity:0;
  }
}


@-webkit-keyframes w2anim {
  20%{
    opacity: 0;
  }
  30%{
    opacity: 1;
  }
  40% {
    opacity:0;
  }
}


@keyframes w2anim {
  20%{
    opacity: 0;
  }
  30%{
    opacity: 1;
  }
  40% {
    opacity:0;
  }
}

@-webkit-keyframes w3anim {
  40%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  60% {
    opacity:0;
  }
}

@keyframes w3anim {
  40%{
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  60% {
    opacity:0;
  }
}

@-webkit-keyframes w4anim {
  60%{
    opacity: 0;
  }
  70%{
    opacity: 1;
  }
  80% {
    opacity:0;
  }
}

@keyframes w4anim {
  60%{
    opacity: 0;
  }
  70%{
    opacity: 1;
  }
  80% {
    opacity:0;
  }
}

@-webkit-keyframes w5anim {
  80%{
    opacity: 0;
  }
  90%{
    opacity: 1;
  }
  100% {
    opacity:0;
  }
}

@keyframes w5anim {
  80%{
    opacity: 0;
  }
  90%{
    opacity: 1;
  }
  100% {
    opacity:0;
  }
}