.popmenu-layer {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    z-index : 999999;
}


[role='popmenu'] {
    position          : absolute;
    display           : block;
    min-width         : 13em;
    max-width         : 26em;
    padding           : 0;
    margin            : .3em;
    font-family       : inherit;
    font-size         : inherit;
    list-style-type   : none;
    background        : #fff;
    border            : 1px solid #cacaca;
    border-radius     : .2em;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    box-shadow        : 0 2px 5px rgba(0, 0, 0, .5);
    z-index           : 99999;
}

@media only screen and (max-device-width: 600px) and (orientation: portrait) { 
    [role='popmenu'] {
        font-size: 2em;
        min-width: 10px !important;
    }
    
}

[role='popmenu'] li {
    position           : relative;
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
    padding            : 3 .5em;
    color              : #3b3b3b;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    background-color   : #fff;
}

[role='popmenu'] hr {
    border       : 0;
    border-bottom: 1px solid #fff;
}

.popmenu-hover {
    background-color    : #016494 !important;
    color               : #fff !important;
    /* -webkit-transform: translateX(2%);
    -ms-transform       : translateX(2%);
    -o-transform        : translateX(2%);
    transform           : translateX(2%); */
}

.fa {
    color: #016494;
}

.popmenu-hover .fa {
    color: #cacaca;
}