.campus-info {
    background-color: rgba(233, 233, 233, 0.5);
    margin: 1rem 0 1.5rem;
    padding: 2rem 1.5rem 1.5rem;
    width: 100%;
}
.campus-info.full-width {
    clear: both;
}
.campus-info h3 {
    border-bottom: 2px solid #333;
    padding: 0 0 .75rem;
    margin-bottom: .75rem;
}
.campus-info h4 {
    margin: 0.75rem 0;
}
.campus-info ul,
.campus-info ol {
    padding: 1.5rem;
}

@media screen and (min-width: 600px) {
    .campus-info.half-width,
    .campus-info.half-width + .campus-info.half-width + .campus-info.half-width {
        float: left;
        margin-left: 0;
        margin-right: 2%;
        width: 48%;
    }
    .campus-info.half-width + .campus-info.half-width,
    .campus-info.half-width + .campus-info.half-width + .campus-info.half-width + .campus-info.half-width {
        margin-left: 2%;
        margin-right: 0;
    }
}