.fa-link:before{
    content:"\f0c1"
}
.link-box *{
    border-radius:0!important;
    transition:all .2s ease 0s;
    box-sizing:border-box
}
.link-box{
    padding:15px 0
}
.link-box .contents{
    border:0 solid #d4d4d4;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-color:#fff;
    -webkit-box-shadow:0 2px 4px rgba(60,60,60,0.1);
-moz-box-shadow:0 2px 4px rgba(60,60,60,0.1);
    box-shadow:0 2px 4px rgba(60,60,60,.1);
    padding:15px 0
}
.link-box .contents:after{
    display:table;
    clear:both;
    content:""
}
.link-box ul{
    list-style:outside none none;
    margin:0;
    padding:0
}
.link-box ul li{
    display:block;
    text-align:center
}
.link-box ul li a{
    font-size:13px!important
}
.type2 a{
    color:#000
}
.type2 .link-box{
    border:1px solid #f4f4f4;
    background:transparent none repeat scroll 0 center
}
.link-box ul li a .fa{
    margin-right:5px
}

/* Site header / navbar */
.site-header{
    background-color:#1a1c1c;
    box-shadow:0 2px 4px rgba(0,0,0,.3)
}
.site-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    padding:10px;
    min-height:50px
}
.site-logo{
    display:flex;
    align-items:center;
    color:#fff;
    text-decoration:none;
    font-size:1.1rem;
    font-weight:700;
    white-space:nowrap
}
.site-logo img{
    width:30px;
    height:30px;
    margin-right:10px
}
.site-menu{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:6px;
    white-space:nowrap
}
.site-menu a{
    color:#ccc;
    text-decoration:none;
    padding:6px 10px;
    font-size:.9rem;
    border-radius:4px;
    transition:color .2s ease,background-color .2s ease;
    white-space:nowrap
}
.site-menu a:hover{
    color:#fff;
    background-color:rgba(255,255,255,.1)
}
.site-menu a.highlight-yellow{
    color:#ffeb3b
}
.site-menu a.highlight-pink{
    color:#f48fb1
}
@media (max-width:767px){
    .site-nav{
        flex-direction:column;
        align-items:flex-start;
        padding:10px
    }
    .site-logo{
        margin-bottom:8px
    }
    .site-menu{
        margin-top:8px;
        width:100%;
        flex-wrap:wrap
    }
}