ul.cards
{
	list-style: none;
	text-align: center;
}

ul.cards a
{
	display: inline-block;
	padding: 1em;
}

ul.cards a li
{
	align-items: center;
	border: 1px solid #CCC;
	border-radius: 5px;
	-ms-display: flex;
	display: flex;
	font-size: 2em;
	height: 10em;
  	justify-content: center;
	width: 8em;
}


ul.cards a li:hover
{
	background: #F7F7F7;
}