@media (max-width: 632px) {
	.right {
		margin-top: 557px;
	}
}
.flip-container {
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}
/* flip the pane when hovered */
#register:target .flipper, .flip-container.hover .flipper {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
/* flip the pane when hovered */
#register:target .flipper .front, .flip-container.hover .flipper .front {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
}
#register:target .flipper .back, .flip-container.hover .flipper .back {
        -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
}
.flipper .back form {
                transform: rotateY(180deg);
}
}



/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}
.front {
	background-color: white;
}
.back {
	background-color: white;
} 

.front, .back, .right {
	min-height: 598px;
}