.etiqueta {
  
  background: #078bd3;
  color:#ffffff;
}

.hover-state {
    cursor: default;
    padding: 0 32px;
    z-index: 99;
}

blockquote {
    font-size: 16px;
 }
 
 blockquote .author {
    font-size: 17px;
}



@media (min-width: 500px) {
  .ul{
    width:760px;
    margin-bottom:20px;
    overflow:hidden;
    border-top:1px solid #ccc;
  }
  .li{
    line-height:1.5em;
    border-bottom:1px solid #ccc;
    float:left;
    display:inline;
  }
  #double li { 
    width:50%;
  } 
  #triple li { 
    width:33.333%; 
  }
  #quad li { 
    width:25%; 
  } 
  #six li { 
    width:16.666%; 
  }


  .col {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
  }
}

@media (max-width: 500px) {
  .col-xs {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;}
}