.card-list-white {}

.card-list-white h2 {
	font-size: 28px; line-height: 34px;
	text-transform: uppercase; text-align:center;
    margin: 0 0 30px 0;
}

.card-list {
	
	
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.card-list .card {
		display: inline-block;
		border-top: solid 2px #f1f1f1;
		color: #004330; /* dark green */
		background-color: #fff;
		text-align: left;
		width: 31%;
		padding: 0;
		font-size: 14px; line-height: 20px;
		position: relative;
	}
    .card-list .card:last-of-type {border-top: 0;}

		.card-list .card a {
			display: block;
			padding: 25px;
			text-decoration: none;
		}
			.card-list .card h3 {
				display: block;
				margin: 0 0 10px 0;
				color: #004330; /* dark green */ 
				font-size: 20px; line-height: 26px;
				text-transform: none; text-decoration: none;
			}
			.card-list .card p {
				font-size: 16px; line-height: 22px;
				color: #004330; /* dark green */ 
				margin: 0 0 20px 0; text-decoration: none;
			}
				.card-list .card p:last-of-type {
					margin: 0 0 0 0;
				}
			.card-list .card p.learn-more {
				color: #fff; text-transform: uppercase;
				text-decoration:none; text-align:right;
			}
			
		.card-list .card:hover {
			background-color: #007564; /* green */
		}
			.card-list .card:hover h3, .card-list .card:hover p {
				color: #fff; text-decoration: none;
			}
.card.no-hover:hover {
    background: #fff;
}

/* --- MOBILE MEDIA QUERIES ----------------------------- */
@media screen and (max-width: 780px) {
    .card-list .card {width: 48%;}
}
@media screen and (max-width: 600px) {
	.card-list-white h2 {
		font-size: 18px; line-height: 24px;	margin: 30px 0 30px 0;
	}
    .card-list .card {width: 100%;}
}