.text-effect p {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	text-align: center;
	font-size: 30px;
}
.text-effec .word {
	position: absolute;
	opacity: 0;
}
.text-effec .letter {
	display: inline-block;
	position: relative;
	float: left;
	-webkit-transform: translateZ(25px);
	transform: translateZ(25px);
	-webkit-transform-origin: 50% 50% 25px;
	transform-origin: 50% 50% 25px;
}
.text-effec .letter.out {
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transition: -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.text-effec .letter.behind {
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.text-effec .letter.in {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.text-effec .wisteria {
	color: #8e44ad;
}
.text-effec .belize {
	color: #2980b9;
}
.text-effec .pomegranate {
	color: #c0392b;
}
.text-effec .green {
	color: #16a085;
}
.text-effec .midnight {
	color: #2c3e50;
}