.automargin {
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
}
.preserve3d .flip-container {
	perspective: 1000px;
}
.preserve3d .flip-container:hover .flipper, .preserve3d .flip-container.hover .flipper {
		transform: rotateY(180deg);
}
.flip-container, .front, .back {
	height:360px;
}
.preserve3d .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	position: absolute;
	top: 0;
	left: 0;
}
.front img, .back img {
	max-height: 360px;
}
#portfolio .front {
	z-index:2;
}
#portfolio .back {
	z-index:1;
}
.preserve3d .front {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: rotateY(0deg);
}
.preserve3d .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: rotateY(180deg);
}
.no-preserve3d .flip-container:hover .front{
	opacity:0;
	visibility:hidden;
}
.no-preserve3d .flip-container:hover .back {
	opacity:1;
	visibility:visible;
}
.no-preserve3d .front {
	opacity:1;
	visibility:visible;
}
.no-preserve3d .back {
	opacity:0;
	visibility:hidden;
}

_:-ms-fullscreen, :root .img-ie11up { width:260px; }