header,img{
    max-width:100%
}

.container,.item,.menu{
    border-radius:.1em
}

.item,.item a{
    font-size:14px
}

.container a,.item a,.item a:hover,a:active,a:focus{
    text-decoration:none;
    color:#fff
}

.item,.item:hover,.menu{
    background-color:#000
}

.container{
    display:block;
    width:100%;
    background:#000;
    color:#fff;
    box-shadow:0 1px 5px #000;
    margin:-4px
}

.menu{
    margin:0;
    padding:.2em;
    box-shadow:0 2px 5px #000
}

.item{
    text-align:center;
    display:inline-block;
    list-style-type:none;
    transition:all .3s ease-in-out
}

.item a::before,.item a:active::before{
    background-color:#a90505 /*Cambiar el color de las lineas de transición debajo del menú ejemplo 587231*/
}

#cb-menu{
    position:fixed;
    left:-9999px
}

.expand-menu{
    display:none;
    justify-content:space-between
}

.item a{
    position:relative;
    display:block;
    padding:16px 0;
    margin:0 12px;
    letter-spacing:1px;
    line-height:16px;
    font-weight:450;
    transition:color .1s,background-color .1s,padding .2s ease-in
}

.item a::before{
    content:'';
    display:block;
    position:absolute;
    bottom:3px;
    left:0;
    height:3px;
    width:100%;
    transform-origin:right top;
    transform:scale(0,1);
    transition:color .1s,transform .2s ease-out
}

.item a:hover::before,a:focus::before{
    transform-origin:left top;
    transform:scale(1,1)
}