header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    background: #0c437b;
    height: 5em;
    margin-bottom: 2em;
}
header h1 {
    align-content: center;
    color: white;
    width: 75%;
}
header #logo {
    align-content: center;
    /* width: 20%; */
    min-width: 20%;
}
header img {
    /* width: 80%; */
    max-height: 4em;
}
footer {
    background: #0c437b;
    height: 3em;
    align-content: center;
    margin-top: 2em;
}
footer p, footer a {
    color: white;
    text-align: center;
    text-transform: uppercase;
}

main {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-content: center;
    
}
main div {
	display: grid;
	grid-template-columns: 7em 1fr;
	grid-template-rows: 2em 3em;
	gap: 1em;
	margin-bottom: 2em;
    box-shadow: 0px 3px 5px darkgray;
    overflow: hidden;
}
main div:hover {
	/* cursor: pointer; */
    box-shadow: 0px 1px 3px darkgray;
}
main a {
    text-decoration: none;
    color: inherit;
}
main div img {
    grid-row: 1 / 3;
	width: 6em;
    width: 100%;
	height: 100%;
	object-fit: cover;
    transition: transform 1s ease;
}
main div:hover img {
    transform: scale(1.25);
}
main div h3 {
	font: bold 1.2em/1.5 Helvetica, Verdana, sans-serif;
	margin-top: 0;
    margin-right: 2em;
}

main div p {
	font: 100 0.75em/1.5 Helvetica, Verdana, sans-serif;
	margin: 0;
    margin-right: 2em;
}