#htext { 
  font-family: 'Open Sans', 'sans-serif';
  font-weight: 600;
  color: white;
}


.item-1, 
.item-2, 
.item-3,
.item-4{
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
  
  font-size: 1em;

	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;

}


.item-1{
	animation-name: anim-a;
}

.item-2{
	animation-name: anim-b;
}

.item-3{
	animation-name: anim-c;
}

.item-4{
	animation-name: anim-d;
}

@keyframes anim-a {
	0%, 6.25% { top: 50%; opacity: 0; }
  6.25%, 18.75% { top: 35%; opacity: 1; }
  25%, 100% { top: 50%; opacity: 0; }
}

@keyframes anim-b {
	0%, 25% { top: 50%; opacity: 0; }
  31.25%, 43.75% { top: 35%; opacity: 1; }
  50%, 100% { top: 50%; opacity: 0; }
}

@keyframes anim-c {
	0%, 50% { top: 50%; opacity: 0; }
  56.25%, 68.75% { top: 35%; opacity: 1; }
  75%, 100% { top: 50%; opacity: 0; }
}

@keyframes anim-d {
	0%, 75% { top: 50%; opacity: 0; }
  81.25%, 93.75% { top: 35%; opacity: 1; }
  100% { top: 50%; opacity: 0; }
}