.about-jl {
    font-size: 18px; font-weight: bold; margin: 20px 0;
}

.module-list {
    margin: 0 0 20px; width: 100%; clear: both; float: left;
}

.module-item {
    width: 25%; height: 120px; float: left;
    background: -webkit-linear-gradient(to right bottom, #ffffff 0%, #f0f0f0 100%);
    background: -moz-linear-gradient(to right bottom, #ffffff 0%, #f0f0f0 100%);
}

@media screen and (max-width: 760px) and (min-width: 400px){
    .module-item {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .module-item {
        width: 100%;
    }
}

.module-item:hover {
    background: -webkit-linear-gradient(to right bottom, #f0f0f0 0%, #ffffff 100%);
    background: -moz-linear-gradient(to right bottom, #f0f0f0 0%, #ffffff 100%);
}

.module-item h3 {
    margin: 8px 5px; font-size: 16px; text-decoration: underline; text-align: center;
}

.module-item p {
    margin: 8px 5px; font-size: 13px;
}
