ul.thumbnails {
	display: block;
}
ul.thumbnails > li {
	display: list-item;
	margin-left: 2%;
	min-height: 180px;
}
ul.thumbnails > li.span6 {
	width: 48%;
    padding-top: 24%;
}
ul.thumbnails > li i {
	font-size: 6em;
}
@media(max-width:767px) {
	ul.thumbnails > li {
		float: left;
		width: 30%;
	}
}
@media(max-width:380px) {
	ul.thumbnails > li {
		width: 47%;
	}
}


ul.thumbnails > li {
	position: relative;
}
ul.thumbnails > li .thumbnail {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
ul.thumbnails > li .front {
	transform: rotateY(0deg);
	backface-visibility: hidden;
	transition: transform .5s linear 0s;
}
ul.thumbnails > li .back {
	transform: rotateY(180deg);
	backface-visibility: hidden;
	transition: transform .5s linear 0s;
}
ul.thumbnails > li .back ul li {
	font-size: 90%;
	line-height: 90%;
}
ul.thumbnails > li .back .btn {
	margin: 5px 0;
}
ul.thumbnails > li:hover .front{
	transform: rotateY(-180deg);
}
ul.thumbnails > li:hover .back{
	transform: rotateY(0deg);
}
@media(min-width:768px) {
	ul.thumbnails > li.span6, 
	ul.thumbnails > li.span6 h4 {
		font-size: 200%;
		line-height: 150%;
	}
	ul.thumbnails > li.span6 .back ul {
		margin: 0.5em 0;
	}
	ul.thumbnails > li.span6 .back ul li {
		font-size: 100%;
		line-height: 150%;
	}
	ul.thumbnails > li.span6 .back .btn {
		margin: 10px 0;
	}
}
@media(max-width:767px) {
	ul.thumbnails > li .back .btn {
		border-radius: 3px;
		padding: 2px 5px;
		font-size: 11.9px;
	}
}