#categories .category {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    /*margin-right: 1%;
    margin-bottom: 1%;*/
    vertical-align: top;
}

    #categories .category .box {
        /*background-color: #f4f4f4;*/
        background-color: rgb(24, 153, 210);
        background-position: center center;
        background-size: cover;
        display: table;
        height: 14em;
        width: 100%;
    }

    #categories .category.service .box {
        background-color: rgb(162, 198, 66);
    }

    #categories .category .box > div {
        display: table-cell;
        vertical-align: bottom;
    }

    #categories .category .box:hover > div {
        background-color: rgba(24, 153, 210, 0.5);
    }

    #categories .category.service .box:hover > div {
        background-color: rgba(162, 198, 66, 0.5);
    }

    #categories .category .box .text {
        text-align: center;
        font-size: 20px;
        margin: 0%;
        background-color: rgba(0,0,0,0.8);
        padding: 10px 0px;
    }

    #categories .category .box .name {
    }

    #categories .category .box .link {
        border-top: 1px solid;
        font-weight: bold;
    }