body {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	background-color: white;
}

.page-title {
	width: 100%;
}

.page-content {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
}

.page-card {
	border-radius: 10px;
	box-shadow: 8px 8px 16px -8px rgba(0, 0, 0, .75);
	width: 20vw;
	height: 15vw;
	min-width: 300px;
	min-height: 220px;
	margin: 2vh auto;
	transition: box-shadow .25s;
	text-decoration: none;
	overflow: hidden;
	color: black;
	background-size: cover;
	background-position: 0 -90%;
	background-repeat: repeat-y;
}

.page-card-title {
	width: 100%;
	height: 15%;
	text-align: center;
	margin-top: -3px;
	border-top: 10px solid #ddf;
	border-bottom: 10px solid #ddf;
	background-color: #ddf;
	padding-top: 5%;
}

.page-card:hover {
	box-shadow: 8px 8px 16px -2px rgba(0, 0, 0, .75);
}