.flip-menu-section .content {
    margin: 42px auto;
    width: 100%;
}




.flip-menu-section .control {
    font-size: 20px;
    width: auto;
    color: #d69227;
    font-family: sans-serif;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 1px 2px 1px #423D30;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    bottom: 25px;
    right: 25px;
    z-index: 90;
}

/* .flip-menu-section .control:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-shadow: 3px 5px 3px #3D382A;
    cursor: pointer;
    color: #d69227;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
} */

.flip-menu-section .right {
    text-align: right;
    background: #d69227;
    padding: 3px 10px;
    font-size: 16px;
    color: #000;
    text-shadow: unset;
}

.flip-menu-section input {
	vertical-align: middle;
}

.flip-menu-section .page {
    position: absolute;
    height: 100%;
    width: 50%;
    font-size: 14px;
    color: #222;
    /* background: url(https://develop.stackblue.com/benarescatering25/wp-content/themes/benares-cat25/assets/images/footer-bg.png); */
    display: inline-block;
    padding: 30px;
    text-align: justify;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 450px) {
	.flip-menu-section .page {
		font-size: 7px;
		padding: 15px;
	}

	.flip-menu-section .control {
		font-size: 45px;
		width: 7%;
	}	
}

@media screen and (min-width: 451px) and (max-width: 515px) {
	.flip-menu-section .page {
		font-size: 7px;
		padding: 16px;
	}

	.flip-menu-section .control {
		font-size: 51px;
		width: 7%;
	}	
}

@media screen and (min-width: 516px) and (max-width: 579px) {
	.flip-menu-section .page {
		font-size: 8px;
		padding: 18px;
	}

	.flip-menu-section .control {
		font-size: 56px;
		width: 7%;
	}	
}

@media screen and (min-width: 580px) and (max-width: 600px) {
	.flip-menu-section .page {
		font-size: 9px;
		padding: 20px;
	}

	.flip-menu-section .control {
		font-size: 62px;
	}	
}

@media screen and (min-width: 601px) and (max-width: 675px) {
	.flip-menu-section .page {
		font-size: 10px;
		padding: 22px;
	}

	.flip-menu-section .control {
		font-size: 68px;
	}	
}

@media screen and (min-width: 676px) and (max-width: 715px) {
	.flip-menu-section .page {
		font-size: 11px;
		padding: 24px;
	}

	.flip-menu-section .control {
		font-size: 74px;
	}	
}

@media screen and (min-width: 716px) and (max-width: 755px) {
	.flip-menu-section .page {
		font-size: 12px;
		padding: 26px;
	}

	.flip-menu-section .control {
		font-size: 80px;
	}	
}

@media screen and (min-width: 756px) and (max-width: 797px) {
	.flip-menu-section .page {
		font-size: 13px;
		padding: 28px;
	}

	.flip-menu-section .control {
		font-size: 85px;
	}	
}

.flip-menu-section .pageContents {
    overflow: hidden;
    height: 100%;
    color: #fff;
}

.flip-menu-section .two, .flip-menu-section .four, .flip-menu-section .six, .flip-menu-section .eight {
    -webkit-transform-origin: 100% 0 0;
    -moz-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    -o-transform-origin: 100% 0 0;
    transform-origin: 100% 0 0;
   /*  background: #fff7ea;
    background: -moz-linear-gradient(left, #fff7ea 0%, #ffffff 19%, #ffffff 82%, #eae2ce 94%, #cec7b7 99%, #878278 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff7ea), color-stop(19%,#ffffff), color-stop(82%,#ffffff), color-stop(94%,#eae2ce), color-stop(99%,#cec7b7), color-stop(100%,#878278));
    background: -webkit-linear-gradient(left, #fff7ea 0%,#ffffff 19%,#ffffff 82%,#eae2ce 94%,#cec7b7 99%,#878278 100%);
    background: -o-linear-gradient(left, #fff7ea 0%,#ffffff 19%,#ffffff 82%,#eae2ce 94%,#cec7b7 99%,#878278 100%);
    background: -ms-linear-gradient(left, #fff7ea 0%,#ffffff 19%,#ffffff 82%,#eae2ce 94%,#cec7b7 99%,#878278 100%);
    background: linear-gradient(to right, #1c1c1c 0%, #1c1c1c 19%, #1c1c1c 82%, #1c1c1c 94%, #ffffff17 99%, #d69227 100%); */
	
	background: url(https://develop.stackblue.com/benarescatering25/wp-content/themes/benares-cat25/assets/images/footer-bg.png);
}

.flip-menu-section .one, .flip-menu-section .three, .flip-menu-section .five, .flip-menu-section .seven {
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	transform-origin: 0 0 0;

	left: 50%;
	/* background: #878278; 
	background: -moz-linear-gradient(left, #878278 0%, #cec7b7 1%, #eae2ce 6%, #ffffff 18%, #ffffff 81%, #fff7ea 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#878278), color-stop(1%,#cec7b7), color-stop(6%,#eae2ce), color-stop(18%,#ffffff), color-stop(81%,#ffffff), color-stop(100%,#fff7ea)); 
	background: -webkit-linear-gradient(left, #878278 0%,#cec7b7 1%,#eae2ce 6%,#ffffff 18%,#ffffff 81%,#fff7ea 100%); 
	background: -o-linear-gradient(left, #878278 0%,#cec7b7 1%,#eae2ce 6%,#ffffff 18%,#ffffff 81%,#fff7ea 100%);
	background: -ms-linear-gradient(left, #878278 0%,#cec7b7 1%,#eae2ce 6%,#ffffff 18%,#ffffff 81%,#fff7ea 100%);
	    background: linear-gradient(to right, #d69227 0%, #343434 1%, #1c1c1c 6%, #1c1c1c 18%, #1c1c1c 81%, #1c1c1c 100%); */
	background: url(https://develop.stackblue.com/benarescatering25/wp-content/themes/benares-cat25/assets/images/footer-bg.png);
}

.flip-menu-section .book {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: 550px;
    box-shadow: 5px 5px 7px 0px #1b1b1bab;
    border-radius: 1px;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px;
    background: #1c1c1c;
}

.flip-menu-section .one, .flip-menu-section .three {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.flip-menu-section .two, .flip-menu-section .four, .flip-menu-section .five, .flip-menu-section .seven {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-menu-section .six, .flip-menu-section .eight {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flip-menu-section .one {
	z-index: 11;
}

.flip-menu-section .two {
	z-index: 12;
}

.flip-menu-section .three {
	z-index: 15;
}

.flip-menu-section .four {
	z-index: 16;
}

.flip-menu-section .five {
	z-index: 17;
}

.flip-menu-section .six {
	z-index: 18;
}

.flip-menu-section .seven {
	z-index: 13;
}

.flip-menu-section .eight {
	z-index: 14;
}






.flip-menu-section .divider {
	display: block;
	margin: 7px auto;
	width: 36%;
}

.flip-menu-section .tree {
	width: 33%;
	float: right;
}

.flip-menu-section .plow {
	width: 56%;
	float: left;
}

.flip-menu-section .instructions {
	text-align: center;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color: #F0EBE4;
	background-color: #1F0C00;
	padding: 10px;
	font-size: 17px;
}