.box-flip {
	position: absolute;
	left: 50%;
	width: 288px;
	width: 18rem;
    margin-left: -144px;
    margin-left: -9rem;
	z-index: 15;
}
.box-flip-container {
	position: relative;
    float: left;
	width: 288px;
	width: 18rem;
	height: 330px;
	height: 20.625rem;
	border: 1px solid rgb(192, 192, 192);	
	border: .0625rem solid rgb(192, 192, 192);
	margin-bottom: 12px;
	z-index: 10;
}
.flip-button  {
	position: relative;
	left: 0;
	top: 0;
	width: 256px;
	height: 160px;
	margin: 15px;
	cursor: pointer;
	text-decoration: none;	
	z-index: 99;
}
.flip-container {
	position: relative;
	left: 0;
	top: -190px;	
	-webkit-perspective: 1000px;	
	        perspective: 1000px;
}
.flip-container.hover .flipper {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}
.flip-container, .front, .back {
	width: 286px;
	width: 18rem;
	height: 328px;
	height: 20.625rem;
}
.flipper {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}
.front, .back {
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	position: absolute;
	display: inline-block;
	padding: 15px 0 0 15px;
	margin-bottom: 12px;
	background-color: rgb(255, 255, 255);
	z-index: 16;
}
.back {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	background: rgb(252, 215, 83);
}
.back-text {
	text-align: center;
	padding: 20% 10px 0 10px;
	padding: 20% .625rem 0 .625rem;
	font-family: 'Roboto', sans-serif;
	font-size: 29px;
	font-size: 1.8125rem;
	font-weight: 900;
	color: rgb(255, 255, 255);
	text-shadow: 2px 2px 3px rgb(0, 0, 0);
	text-shadow: .0625rem .0625rem .0625rem rgb(0, 0, 0);
	margin: 0;
}
@media (min-width: 820px) {
	.box-flip {
		left: 50%;
		width: 610px;
		width: 38.125rem;
    	margin-left: -295px;
    	margin-left: -18.4375rem;
	}
	.box-flip-container {
		margin: 0 15px 15px 0;
		margin: 0 .9375rem .9375rem 0;
	}
}
@media (min-width: 1280px) {
	.box-flip {
		left: 50%;
		width: 910px;
 		width: 56.875rem;
   		margin-left: -445px;
   		margin-left: -27.8125rem;
	}
}