body{
	margin: auto;
	padding: 15% 0;
}
div#main{
	text-align: center;
	vertical-align: center;
	min-height: 90%;
	font-family: 'Caveat', cursive;
	font-size: 200%;
	line-height: 250%;
}

figure.listItem{
	display: inline-block;
	margin: 5px;
	padding: 0;
	overflow: hidden;
	width: 320px;
	height: 180px;
}

figure.listItem img{
	width: 320px;
	height: 180px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	transition: ease-in-out 0.4s;
}

figure.listItem img:hover{
	overflow: hidden;
	transform: scale(1.1,1.1);
	filter: brightness(1.05);
	filter: contrast(1.3);
}

figcaption{
	display: block;
	margin: 0 auto;
	padding: 3px;
	text-align:center;
	text-shadow: 0 0 4px rgba(255,255,255,1);
	font-weight: bold;
	width: 314px;
	position: relative;
	top: -38px;
	background-color: rgba(255,255,255,0.75);
	transition: ease-in-out 0.3s;
	&:hover{background-color:rgba(235,235,255,1);}
}

figure a{
	color:rgb(70,50,165);
	text-decoration: none;
}

figure a:hover{
	color: rgb(50,20,225);
}