#content {position:relative; top:8vh; left:20vw; padding-bottom:18vh; width:62vw;}
#content a {
	cursor: pointer; 
	display: inline-block; 
	position: relative; 
	overflow: hidden; 
	float:left; 
	width: 16vw; height: 16vw;
	min-height: 200px; min-width: 200px; 
	max-height: 250px; max-width: 250px;
	margin-left: 1.2vw; margin-bottom: 1.2vw; 
	background-color: rgb(255,255,255);
	border: 1px solid rgb(220,220,220);
}
#content a img {display: block; height: 100%; -webkit-transition: all 0.4s; z-index: -1}
#content a div:hover {opacity: 0.7;}
#content a div {
	position:absolute; 
	left:0; bottom:0; 
	width: 16vw; height: 16vw;
	min-height: 200px; min-width: 200px; 
	max-height: 250px; max-width: 250px; 
	display:block; 
	background-color: rgb(225,210,245); 
	opacity: 0; 
	-o-transition:.5s;
  	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}


#content p {font-size:18px; line-height: 18px; color:rgb(0,0,0); font-weight: bold; padding-left: 20px; padding-right: 20px; padding-top: 0px; font-family: 'Poiret One',;}
#content h2 {font-size:18px; padding-top: 1.5vw; color:rgb(20,20,20); font-weight: bold; font-family: 'Poiret One', cursive;}