*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.lineaEtiquetas{
max-width: 80%;
margin: 30px auto;

}

ul.etiquetas{
    width: 100%;
    /*background: -prefix-linear-gradient(top, #48b9d7 ,#070773, #48b9d7);
    background: linear-gradient(to bottom, #48b9d7,  #070773,#48b9d7);*/
    background: #070773;
    list-style: none;
    display: flex;
}

ul.etiquetas li a{
    color:white;
    text-decoration: none;
    font-size: 12px;
    display: block;
    padding: 20px 0px;
    text-align: center;

}

ul.etiquetas li{
    width: 25%;
}

.active{
    background-color:  #48b9d7 ;
}

@media screen and (max-width: 700px){

    ul.etiquetas li{
        width: none;
        flex-basis: 0;
        flex-grow: 1;
    }


}

@media screen and (max-width: 450px){

    .lineaEtiquetas{
    max-width: 90%;
    margin: 20px auto;

}

    ul.etiquetas li a{
        font-size: 8px;
        padding: 10px 0px;
    }


}