.featured-benefits {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
    padding: 1em;
    margin-bottom: 1.5em;
}

.benefit {
    background-color: #f0f0f0;
    text-align: left;
    padding: 1em 1em;
    border-radius: 6px;
    height: 100%;
    display: flex;
    gap: 1em;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: break-word;
}

.benefit i {
    display: block;
    font-size: 4em;
}

.benefit h3 {
    margin: 0;
    font-size: 120%;
}

.benefit p {
    margin: 0;
}

.clinic {
	background-color: #C63A26;
	color: white;
}

.match {
	background-color: #1F79A8;
	color: white;
}

.tuition {
	background-color: #4C2683;
	color: white;
}

.sick {
	background-color: #34657F;
	color: white;
}

.insurance {
	background-color: #91D6AC;
	color: black;
}

.vacation {
	background-color: #F68B1F;
	color: black;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .featured-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .benefit {
        padding: 1em 2em;
        text-align: center;
        display: grid;
        gap: 0px;
        align-items: start;
    }
}