.school-col-container {
    display: table;
    width: 100%;
}

.school-col-3 {
    display: table-cell;
    padding: 16px;
    vertical-align: top;
    width: 33.3%;
}

.school-col-4 {
    display: table-cell;
    padding: 16px;
    vertical-align: top;
    width: 25%;
}

.school-col-2 {
    display: table-cell;
    padding: 16px;
    vertical-align: top;
    width: 50%;
}

@media only screen and (max-width: 600px) {
    [class*="school-col-"] {
        display: block;
        width: 100%;
    }
}