html, body, p, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
}
html{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.portfolio{
	width: 900px;
	margin: 0 auto;
}
.portfolio-item{
	width: 300px;
	height: 400px;
	float: left;
	margin-top: 60px;
	position: relative;
	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	-moz-perspective: 800px;
}
.portfolio-bg{
	-webkit-transform: rotateY(30deg);
	-moz-transform: rotateY(30deg);
	-ms-transform: rotateY(30deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
}
.portfolio-item:hover .portfolio-bg{
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}
.portfolio-item:hover .portfolio-description{
	-webkit-transform: rotateY(0deg) translateZ(0);
	-moz-transform: rotateY(0deg) translateZ(0);
	-ms-transform: rotateY(0deg) translateZ(0);
}
.portfolio-description{
	background-color:#f0ede7;
	font-size: 15px;
	width: 190px;
	padding: 20px;
	position: absolute;
	top: 220px;
	left: 35px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	-webkit-transform: rotateY(30deg) translateZ(60px);
	-moz-transform: rotateY(30deg) translateZ(60px);
	-ms-transform: rotateY(30deg) translateZ(60px);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.p{	
	color: #000;
}
.h4{
	font-family: "Old Stamper";
	font-size: 16px;
	color: #F00;
	text-align: center;
}
h4{
	color: #f2af1d;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
}