.section-box {
    float: left;
    display: table-cell;
    vertical-align: middle;
    height: 180px;
    width: 135px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.section-box .section-img {
    height: 135px;
}

.section-box a:hover .section-img  img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}

.section-name {
    margin-top: 10px;
    font-weight: bold;
    text-transform: lowercase;
}