/* IE/Edge Responsive Viewport */

@-ms-viewport {
	width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
	background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 10px, linear-gradient(#d00, #800);
	border: 0 none;
	border-radius: 0;
	min-height: 0;
	max-width: 28.75em;
	padding: 75px 1em 1em;
	text-align: center;
	width: auto;
}

/* General Rules */

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

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	color: #a63338;
	font-family: "Roboto Slab", "Palatino Linotype", "Palatino LT STD", "Book Antiqua" , Georgia, serif;
}

h1,
h2,
.h1,
.h2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}

h1,
.h1 {
	font-size: 2.1em;
}

.headline-part {
	display: block;
}

.headline-part + .headline-part {
	margin-top: 0.5em;
}

p {
	margin:1.6em 0;
}

.fa-ul li { list-style-image: none; }

.fa-li { color: #a63338; }

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

@media screen and (min-width:35em) {
	h1,
	.h1 {
		font-size: 3em;
	}
}

/* Layout Rules */

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

.wrap {
	background-color: #fff;
	border-bottom: 0.5em solid #aaa;
	margin: 0 auto;
	max-width: 43em;
	padding: 0.1em 1.5em;
}

.wrap:last-of-type {
	border-bottom: 0 none;	
}

.focus-box {
	background-color: #eee;
	margin: 0 auto;
	max-width: 47em;
	padding: 0.1em 1em;
}

.focus-box + .wrap {
	border-top: 0.5em solid #aaa;
}

@media screen and (min-width:50em) {
	.wrap {
		border-bottom: 0.75em solid #aaa;
	}
	
	.focus-box {
		border-radius: 0.5em;
	}
	
	.focus-box + .wrap {
		border-top: 0.75em solid #aaa;
	}
}

/* Content Rules */

.portrait {
	background-color: #eee;
	border-radius: 0.5em;
	margin: 0 auto;
	max-width: 11.5em;
	padding: 0.75em 0.75em 0.1em;
	text-align: center;
}

.portrait img { border-radius: 0.5em; }

.caption { margin: 0.5em auto; }

.right-box,
.centered-box {
	background-color: #eee;
	border: 0 none;
	border-radius: 0.5em;
	margin: 0 auto;
	padding: 0.1em 1em;
	width: 85%;
}

@media screen and (min-width:26.875em) {
	.portrait-right {
		float: right;
		margin: 0 0 1em 1em;
		max-width: none;
	}
}

@media screen and (min-width:40em) {
	.right-box {
		float: right;
		margin: 0 0 1em 1em;
		width: 13em;
	}
}

/* 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: "Roboto Slab", "Palatino Linotype", "Palatino LT STD", "Book Antiqua" , Georgia, 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 */

#revolution { max-width: 16em; }
#shot { max-width: 11em; }