.tile-flip section {
	width: 100%;
	height: 500px;
	float: left;
	position: relative;
	transform-style: preserve-3d;
	transition: transform .6s ease-in-out;
	/* Fixing a bug in firefox */
	-moz-backface-visibility: hidden;
}

.tile-flip .tile {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 0.5em;
	backface-visibility: hidden;
}

.tile-flip h3 { text-transform: uppercase; }
.tile-flip .front.tile { z-index: 2; }
.tile-flip .back.tile { transform: rotateY(.5turn); }
.tile-flip .section-container:hover section { transform: rotateY(.5turn); }
.tile-flip a:link { text-decoration:none; }
.tile-flip a:visited { text-decoration:none; }
.tile-flip a:hover { text-decoration:underline; }

.tile-flip .front.tile .container { position:absolute; width:280px; height:200px; top:calc(50% - 100px); left:calc(50% - 140px); }