.linebar {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 2em;
min-height: 20vh;
color: #444;
background-color: #eee;
}

h3.midhead { text-align:center; display:block; border-bottom: none; padding-top:1em; color: #444}
.midlinks {
	max-width: 1480px;margin-left:auto;margin-right: auto;
}
.midlinks .card {
	display: flex;
	margin-bottom: 1em;
	width: 100%;
	font-size: 90%;
}

.midlinks .card>a:nth-child(1) { width:90px; min-width:90px; max-width:90px; box-sizing:border-box; background: #ddd; display:flex; justify-content:center;align-items:center; flex-direction:column}

.midlinks .card a {
	text-decoration: none;
	color: #444;
}

.midlinks .card h4,
.midlinks .card p { margin-top: 0; margin-bottom: 0}
.midlinks .cardtext {padding-left: 1em;}


@media only screen and (min-width: 680px) {
	.midlinks {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.midlinks .card {
		width: 48%;
		display: flex;
		margin-bottom: 1em;
		font-size: 90%;
	}
}

@media only screen and (min-width: 1260px) {
.midlinks .card {
	width: 32%;
}