@font-face {
font-family: dashboard;font-weight: 800;font-style: normal;src: url(/fonts/dashboard.eot);src: url(/fonts/dashboard.eot?#iefix) format('embedded-opentype'), url(/fonts/dashboard.woff) format('woff'), url(/fonts/dashboard.ttf) format('truetype'), url(/fonts/dashboard.svg#dashboard) format('svg')
}

#dash-icons ul{display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;justify-content:space-around}
.lol {
    background: transparent;
    z-index: 1;
    float: left;
    height: 125px;
    width: 105px;
    margin: 0 10px 20px 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
}
.lol a, .lol span{display:block !important;z-index:1;float:left}
.lol a:before, .lol span:before {font-size:75px;font-family: "dashboard";line-height:1;margin:0;display: inline-block;background: #000; border-color: #d9d9d9;border-radius: 3px;border-style: solid;border-width: 0 1px 1px 0;color:gold;}

.lol.sign{height:150px;width:150px;margin:3px 0 0 15px;float:right;}
.lol.sign span{float:right;}
.lol.sign span:before{font-size:130px;}


.symbol52:before {content: '\e900';}
.symbol53:before {content: '\e91a';}
.symbol54:before {content: '\e911';}
.symbol55:before {content: '\e921';}



@media screen and (min-width:1024px) {
.lol{height:175px;width:150px;padding:0;}
.lol span{margin-bottom:.5em;}
.lol a:before, .lol span:before {font-size:125px;}
}

@media screen and (min-width:1279px) {
.lol{height:200px;width:175px;padding:0;}
.lol a:before, .lol span:before {font-size:150px;}
}

@media screen and (min-width:1359px) {
.lol{height:225px;width:200px;padding:0;}
.lol a:before, .lol span:before {font-size:175px;}
}