.titleBar {
    text-align: center;
    padding: 16px;
}

.lawCat-container .container .lawCat-row {
    display: flex;
    flex-wrap: wrap;
    padding: 24px;
}

.lawCat-container .container .lawCat-row .title-box {
    width: 23%;
    padding: 8px;
    border: 1px solid #EAEAEA;
    margin: 8px;
}

.lawCat-container .container .lawCat-row .title-box:hover {
    background-color: #4567B6;
    transition: .3s;
}

.lawCat-container .container .lawCat-row .title-box p {
    text-align: center;
    margin-bottom: 0;
    padding: 8px;
}

.lawCat-container .container .lawCat-row .title-box:hover p {
    color: #fff;
    transition: .3s;
}

@media (max-width: 767px) and (min-width: 500px) {
    .lawCat-container .container .lawCat-row .title-box {
        width: 48%;
        margin: 4px;
    }
}

@media (max-width: 499px) {
    .lawCat-container .container .lawCat-row {
        display: block;
    }

    .lawCat-container .container .lawCat-row .title-box {
        width: 100%;
    }
}