/* 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 15px, linear-gradient(#d00, #800);
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* General Rules */

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

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	color: #c00;
	font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
}

h1,
.h1 {
	font-size: 2.25em;
	margin: 0.5em auto 0.75em;
}

.headline-part { display: block; }

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

.content b,
.content strong { color: #000; }

p { margin: 1.3em 0; }

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

.fa-li { color: #c00; }

.fa-square { top: 0.35em; }

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

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

@media screen and (min-width:60em) {
	body {
		font-size: 110%;
	}
}

/* Layout Rules */

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

.wrap {
	margin: 0 auto;
	max-width: 44em;
	padding: 0.1em 1em;
}


/* Burst Rules */


.montage-burst {
	position: relative;
	margin: 2em auto;
}

.starburst {
	background: #e00000;  
	background: radial-gradient(circle, #e00000 35%, #990000 90%); 
	height: 7em;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: 2em;  
	width: 7em;  
}

.starburst,
.starburst-inner {
	z-index:2;
}

.starburst-text {
	color: #fff;
	display: block;
	font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1;
	text-shadow: 0 0.05em 0.05em rgba(0,0,0,0.5);
	transform: rotate(-45deg) translate(-1.25em, 0.33em);
	width: 6em;
}


.starburst-inner {
	background: inherit;
	height: 100%;
	transform: rotate(45deg);
	width: 100%;
}

.starburst:before,
.starburst:after,
.starburst-inner:before,
.starburst-inner:after {
	background: inherit;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transform: rotate(30deg);
	width: 100%;
	z-index: -1;
}

.starburst:after {
	transform: rotate(-30deg);
}

.starburst-inner:after {
	transform: rotate(30deg);
}

.starburst-inner:before {
	transform: rotate(-30deg);
}

/* Content Rules */

.headline-banner {
	padding: 0.1em 1em;
}

.headline-banner,
.callout-section {
	background-color: #fffcb9;
	background: -webkit-linear-gradient(#fff 0%, #fffcb9 75%);
	background: linear-gradient(#fff 0%, #fffcb9 75%);
	color: #000;
}

.portrait,
.profile {
	background-color: #ddd;
	border-radius: 0.25em;
	padding: 0.5em 0.5em 0.1em;
	margin: 1em auto;
	max-width: 9em;
}

.portrait {
	padding: 0.5em 0.5em 0.1em;
}

.profile {
	display: inline-block;
	padding: 0.5em;
}

.portrait img,
.profile img {
	border-radius: 0.25em;
}

.profile img {
	display: block;
}

.caption {
	margin: 0.1em auto 0.5em;
}

blockquote {
	background-color: #ffe5e5;
	border-left: #c00 solid 0.5em;
	margin: 1em auto;
	padding: 0.1em 1em;
	width: 85%;
}

.callout-section blockquote {
	background-color: #ffe5e5;
	background-color: hsla(0, 100%, 94.7%, 0.67);
	border-left: #c00 solid 0.5em;
	border-left: hsla(0, 100%, 40%, 0.67) solid 0.5em;
}

.sidebar,
.bonus-container {
	background-color: #fffcb9;
	background: -webkit-linear-gradient(#fff 0%, #fffcb9 75%);
	background: linear-gradient(#fff 0%, #fffcb9 75%);
	border: 0 none;
	border-radius: 0.25em;
	color: #000;
	font-size: 0.9em;
	padding: 0.1em 1em;
}

.sidebar {
	margin: 1em auto;
	width: 85%;
}

.sidebar-profile,
.bonus-container {
	content: "";
	clear: both;
	display: table;
	padding: 1em;
}

.sidebar-profile p { margin: 0 auto; }

.bonus-container {
	margin: 2em auto;
}

.module,
.bonus {
	color: #fff;
	background-color: #c00;
	border-radius: 0.25em;
	display: inline-block;
	padding: 0.25em 0.5em;
}

.bonus-img { margin: 1em auto; }

@media screen and (min-width:25em) {
	.bonus-img,
	.portrait-right {
		float: right;
		margin: 0 0 0.5em 1em;
		max-width: none;
	}
	
	.bonus-img {
		float: right;
		margin: 0.75em 0 0.5em 1em;
	}
}

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

}

@media screen and (min-width:37.5em) {
	.sidebar-right {
		float: right;
		margin: 0 0 0.5em 1em;
		max-width: 14.25em;
		width: auto;
	}
}

/* Buttons */

a.order-button:link,
a.order-button:visited {
	background: #f00;
	background: -webkit-linear-gradient(#f00, #800);	
	background: linear-gradient(#f00, #800);
	border: 4px solid #800;
	border-radius: 50px;
	color: #ff3;
	display: inline-block;
	font-size: 1.35em;
	font-weight: bold;
	margin: 0 auto;
	padding: 0.19em 2em 0.333em;
}

a.order-button:hover {
	background: #800;
	background: -webkit-linear-gradient(#800, #d00);
	background: linear-gradient(#800, #d00);
	color: #fff;
}

a.order-button:active {
	background: #500;
	background: -webkit-linear-gradient(#500, #900);
	background: linear-gradient(#500, #900);
	color: #fff;
}

/* Artificial Breaks */

#headline-1 { max-width: 17em; }
#payday { max-width: 12em; }
#how { max-width: 17em; }
#career { max-width: 13em; }
#chance { max-width: 21em; }
#not-ordeal { max-width: 22em; }
#module-1 { max-width: 19em; }
#assignments { max-width: 15em; }
#bonus-3 { max-width: 16em; }
#decision { max-width: 15.5em; }