.cards {
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	gap: 0px;
	grid-auto-rows: minmax(100px, auto) auto max-content fit-content(200px);
	border: 0px solid #444;
	padding: 5px;
}
.card {
	font-size: 1.25em;
	text-align: justify;
	line-height: 1.4;
	margin: 0 auto;
	padding: 10px;
}

@media (min-width: 860px) {
	.cards { grid-template-columns: repeat(2, 1fr); }
	.card { font-size: 1.15em; }
}
@media (min-width: 1200px) {
	.cards { grid-template-columns: repeat(3, 1fr); }
	.card { font-size: 1.15em; }
}

.footnav {
	text-align: center;
	margin: 0 auto;
	padding: 15px;
}