.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: 20%; height: 80px; float: left;
}

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

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

.module-item:nth-child(even) {
    background: #fff8e0;
}

.module-item:nth-child(odd) {
    background: #f8f8f8;
}

.module-item:hover {
    background: #ffffff;
}

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