.galleryblockdiv {
	display: inline-block;
	width: 320px;
	height: 180px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	text-align: center;
}

.gallerylistdiv {
	margin: 20px auto;
	padding: 20px 0;
	border-bottom: 1px dotted silver;
}

.galleryitemlink {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center 30% !important;
}

.galleryalbumbox {
	overflow: hidden;
	display: inline-block;
	width: 33%;
	height: 180px;
	padding: 10px;
}
@media (max-width: 1199px) {
	.galleryalbumbox {
		width: 50%;
	}
}
@media (max-width: 991px) {
	.galleryalbumbox {
		width: 50%;
	}
}
@media (max-width: 600px) {
	.galleryalbumbox {
		width: 50%;
	}
}

a.galleryalbumlink, a.galleryalbumlink:link, a.galleryalbumlink:active, a.galleryalbumlink:visited {
	background-size: cover !important 100%;
	background-position: center 30% !important;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	text-decoration: none;
}
a.galleryalbumlink:hover {
	margin: 2px 18px 18px 2px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	text-decoration: none;
}

.gallerybgtitle {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2));
	color: white;
	padding: 5px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);	
}
