.content-animation {
  font-size:60px;
  line-height:70px;
  font-family: Google Sans,Roboto,Arial,sans-serif;
  color:;
  width:98%;

/*  
  height:90%;
  top:10%;
  left:10%;
  margin-top:-15px;
  margin-left:-118px;
  height:90%;
  width:100%;
  border: solid #fff;
*/
/* corchetes al inicio y final  
  &:before {
    content:'[';
    position:absolute;
    left:-30px;
    line-height:40px;
  }
  &:after {
    content:']';
    position:absolute;
    right:-30px;
    line-height:40px;
  }
  */
  &:after, &:before {
    color:#16a085;
    font-size:70px;
    animation:2s linear 0s normal none infinite opacity;
    -webkit-animation:2s ease-out 0s normal none infinite opacity;
    -moz-animation:2s ease-out 0s normal none infinite opacity;
    -o-animation:2s ease-out 0s normal none infinite opacity;
  }
}

.visible {
  float: none;
  font-weight:600;
  overflow:hidden;
  height:70px; 
}

.visibleAux {
  float:left;
  font-weight:600;
  overflow:hidden;
  height:70px; 
}
@media all and (max-width: 1024px){
  .visibleAux {
    float:none;
    font-weight:600;
    font-size: 40px;
    overflow:hidden;
    height:60px; 
  }
  .visible {
    float: none;
    font-weight:600;
    font-size: 40px;
    overflow:hidden;
    height:60px; 
  }
}
p {
  display:inline;
  float:left;
  margin:0;
}

ul {
  margin-top:0;
  padding-left:0px; 
  text-align:left;
  list-style:none;
  animation:24s linear 0s normal none infinite change;
  -webkit-animation:24s linear 0s normal none infinite change;
  -moz-animation:24s linear 0s normal none infinite change;
  -o-animation:24s linear 0s normal none infinite change;
}

ul li {
  line-height:70px;
  margin:0;
}

@-webkit-keyframes opacity {
  0%   {opacity:0;}
  50%  {opacity:1;}
  100% {opacity:0;}
}
@keyframes opacity {
  0%   {opacity:0;}
  50%  {opacity:1;}
  100% {opacity:0;}
}

@-webkit-keyframes change {
 0%   {margin-top:0;}
  5%   {margin-top:0;}

  10%  {margin-top:-70px;}
  15%  {margin-top:-70px;}

  20%  {margin-top:-140px;}
  25%  {margin-top:-140px;}

  30%  {margin-top:-210px;}
  35%  {margin-top:-210px;}

  40%  {margin-top:-280px;}
  45%  {margin-top:-280px;}

  50%  {margin-top:-350px;}
  55%  {margin-top:-350px;}
  
  60%  {margin-top:-280px;}
  65%  {margin-top:-280px;}

  70%  {margin-top:-210px;}
  75%  {margin-top:-210px;}

  80%  {margin-top:-140px;}
  85%  {margin-top:-140px;}

  90%  {margin-top:-70px;}
  95%  {margin-top:-70px;}
  100% {margin-top:0;}
}
@keyframes change {
  0%   {margin-top:0;}
  5%   {margin-top:0;}

  10%  {margin-top:-70px;}
  15%  {margin-top:-70px;}

  20%  {margin-top:-140px;}
  25%  {margin-top:-140px;}

  30%  {margin-top:-210px;}
  35%  {margin-top:-210px;}

  40%  {margin-top:-280px;}
  45%  {margin-top:-280px;}

  50%  {margin-top:-350px;}
  55%  {margin-top:-350px;}
  
  60%  {margin-top:-280px;}
  65%  {margin-top:-280px;}

  70%  {margin-top:-210px;}
  75%  {margin-top:-210px;}

  80%  {margin-top:-140px;}
  85%  {margin-top:-140px;}

  90%  {margin-top:-70px;}
  95%  {margin-top:-70px;}
  100% {margin-top:0;}

}