/* IE/Edge Responsive Viewport */
@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */
.offer-expired {
	margin: 0 auto 1em;
	max-width: 500px;
	width: auto;
}

/* General Rules */

body {
	background-color: #dedede;
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
	color: #232323;
	font-family: "Libre Baskerville", "Times New Roman", Times, serif;
	text-align: center;
}

h1,
.h1 {
	color: #003842;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.09;
	margin-bottom: 0.3em;
}

h2,
.h2 {
	font-size: 1.5em;
	line-height: 1.07;
	margin: 1.8em auto 0.8em;
}

h3,
.h3 {
	font-size: 1.6em;
	line-height: 1.2;
	text-align: left;
}

ul li,
ol li { margin-bottom: 0.8em; }

img {
	height: auto;
	max-width: 100%;
}

@media screen and (min-width:26.25em) {
	h1,
	.h1 {
		font-size: 2.8em;
	}
	
	h2,
	.h2 {
		font-size: 1.8em;
	}
}

/* Layout Rules */

.content {
	margin: 0;
	padding: 0;
}

#frame {
	background-color: #a6a6a6;
	margin: 0 auto;
	max-width: 44.625em;
	padding: 0.75em 0.875em;
}

.wrap {
	background-color: #fff;
	border-radius:5px;
	padding: 1em 2em;
}

@media screen and (min-width:47.5em) {
	#frame {
		border-radius: 5px;
		margin: 1em auto;
	}
}

/* Content Rules */

.cbox.box {
	background:#e7ffff;
	border:4px solid #adfbf2;
	border-radius:5px;
	max-width:34.375em;
	width:auto;
}

.right-box.image-box {
	background-color: #e7ffff;
	border:4px solid #adfbf2;
	border-radius:5px;
	margin: 1em auto;
	max-width: 20em;
	padding: 1em 0.5em 0.1em;
	text-align: center;
}

.right-box.image-box img { border-radius:5px; }

@media screen and (min-width:30em) {
	.right-box.image-box {
		float: right;
		margin: 0 0 1em 1em;
		max-width: 11em;
	}	
}

/* Buttons */

.order-button {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border:2px solid #76675C;
	border-radius:4px;
	box-shadow:0 0 0 5px #A6A6A6;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1em auto;
	max-width:9em;
	padding:0 0.05em;
	text-align:center;
}

.order-button span {
	color:#fff;
}

.order-button:hover span, 
.order-button:focus span, 
.order-button:active span {
	color:#ff3;
}

.order-button:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
	background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}

/* Artificial Breaks */

#title { max-width: 12em; }
#lead { max-width: 34em; }
#bob-bly { max-width: 17em; }
#your-turn { max-width: 20em; }
#introducing { max-width: 19em; }
#a-peek { max-width: 18em; }
#autopilot { max-width: 20em; }