.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) {
li{
  /*float:left;*/
 /* display:inline;*/
}
#double li  { width:50%;} <span class="code-comment">/* 2 col */</span>
#triple li  { width:33.333%; } <span class="code-comment">/* 3 col */</span>
#quad li 
}



.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;}
}