.cardWrapper {
	margin:0px;
	width: 100%;
	transition: transform 1s;
	transform-style: preserve-3d;
	position: relative;
	display: none;
}

.cardWrapper.is-flipped {
	transform: rotateY(180deg);
}

.card__face {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 0px;
	margin:0px;
}

.card__face--front {
}

.card__face--back {
	transform: rotateY(-180deg);
}

.card {
	width:100%;
	padding: 0px;
	margin:0px;
	top:0px;
	left:0px;
}