.matrix,
.matrix > li{
    border:1px solid transparent;
}
.matrix{
    list-style:none;
    margin-left:0;
    overflow:hidden; /* Clear floats */
    border-width:0px 0 0 0px; /* Top & left */
}
.matrix > li{
    float:left;
    border-width:0 0px 0px 0; /* Right & bottom */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.three-col > li{
    width:33.333%;
}

.four-col > li{
    width:25%;
}

.custom,
.custom > li{
    border-color:#ccc;
}
.custom > li{
    padding:1em;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}
ul.pagination li {display: inline;}
ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
}
ul.pagination li a.active {
    background-color: #616161;
    color: white;
    border-radius: 5px;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}