.fontlevel {
    position: relative;
    top: 0;
/*    right: 5%*/
}

.fontlevel li,.fontlevel li a,.fontlevel ul {
    display: block;
    overflow: hidden;
        padding:0px;
        margin:0px;
}

.fontlevel li {
    display: block;
    position: relative;
    float: left;
    width: 30px;
    margin: 0px 2px 0;
    /*margin: 15px 7px 0;*/

    overflow: hidden;
    height: 30px;
    border-radius: 100%
}

.bigfont:before,.font:before,.smallfont:before {
    content: "";
    background-image: url(../img/icon/A_plus_tw.svg);
    background-size: 100% 100%;
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative
}

.bigfont.ative:before,.bigfont:focus:before,.bigfont:hover:before {
    background-image: url(../img/icon/A_plus_tw_hover.svg)
}

.font:before {
    content: "";
    background-image: url(../img/icon/A_tw.svg)
}

.font.active:before,.font.ative:before,.font:focus:before,.font:hover:before {
    background-image: url(../img/icon/A_tw_hover.svg)
}

.fontlevel li span {
    display: block;
    cursor: pointer
}

.smallfont:before {
    content: "";
    background-image: url(../img/icon/A-_tw.svg)
}

.smallfont.ative:before,.smallfont:focus:before,.smallfont:hover:before {
    background-image: url(../img/icon/A-_tw_hover.svg)
}