html, window, body { height: 100%; margin: 0; padding: 0; width:100%; }
body {
	background-color: #b7ab88;
	font-family: Helvetica, Arial;
	font-size: 20px;
	color: #fff;
	font-family: 'Sorts Mill Goudy', serif, Calibri, Verdana;
}

.mainContent {
	padding: 100px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: 1s, 1s;
	-webkit-transition-timing-function: linear, ease-in;
}

.book {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.lightbox { font-size: 14px; }
input, textarea { color: #000; font-family: Arial, Helvetica, Verdana, sans-serif; }

.myButton {
	-moz-box-shadow: 1px 1px 5px 0px #3d382e;
	-webkit-box-shadow: 1px 1px 5px 0px #3d382e;
	box-shadow: 1px 1px 5px 0px #3d382e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	/*-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;*/
	border:1px solid #333029;
	display:block;
	cursor:pointer;
	color:#505739;
	font-family: 'Open San', Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 15px 20px;
	margin: 0 auto;
	width: 250px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-top: 10px;
}
.myButton:hover {
	color: #b9763e;
}
.myButton:active {
	position:relative;
	top:1px;
}

.lightbox {
	display: none;
}

.featherlight-content {
	background-color: #b88966 !important;
}

@media only screen and (max-width: 767px) {
	body { font-size: 24px; }
	.backstretch { display: none; }
	.myButton { display: inline-block; width: auto !important; margin: 15px 10px; }
	.mainContent { height: 97vh; margin-bottom: 20px; padding: 20px; }
}
@media only screen and (min-width: 992px) {
	body { font-size: 24px; }
	.mainContent { height: 97vh; }
}