/* 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;
	margin: 0 auto;
	padding: 80px 1em 1em;
	text-align: center;
	min-height: 0;
	width: auto;
}

/* General Rules */

body {
	font-size: 100%;
}

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

h1,
.h1 {
	color: #000;
	margin: 0.75em auto 1em;
	text-shadow: 0.33em 0.33em 0.33em rgba(0,0,0,0.15);
}

.headline-part { display: block; }

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

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

.fa-li { color: #c00; }

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

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

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

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

/* Layout Rules */

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

.intro-background {
	background: #eee url(/_img/toolbox/p/vsl/greyzz.png) repeat;
	padding: 1.5em;
}

.intro {
	background: #fefefe;
	background: -webkit-linear-gradient(-45deg, #fefefe 0%,#fcfcfc 100%);
	background: linear-gradient(135deg, #fefefe 0%,#fcfcfc 100%);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.15);
	margin: 0 auto;
	max-width: 35em;
	padding: 0.1em 1em;
}

.header-background {
	background-color: #d5ffd8;
	background: url(/_img/toolbox/p/vsl/money_tiled.png), -webkit-linear-gradient(#d5ffd8 0%, #a6ffa0 75%) repeat;
	background: url(/_img/toolbox/p/vsl/money_tiled.png), linear-gradient(#d5ffd8 0%, #a6ffa0 75%) repeat;
}

.header-wrap,
.wrap {
	margin: 0 auto;
	padding: 0.1em 1em;
}

.header-wrap {
	max-width: 50em;
}

.wrap {
	max-width: 40em;
}

@media screen and (min-height:37.5em) and (min-width:36em) {
	h1,
	.h1 { margin: 2em auto; }	
}

/* Content Rules */

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

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

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

/* Buttons */

a.order-button {
	background: #ffb030;
	background: -webkit-linear-gradient(top, #ffcf42, #ff8718);
	background: linear-gradient(to bottom, #ffcf42, #ff8718);
	border: 0.1em solid #f89314;
	border-radius: 0.25em;
	color: #fff;
	display: inline-block;
	font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.5em auto 0;
	max-width: 13em;
	padding: 0.25em 0.67em 0.33em;
	text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.15);
}

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

a.order-button:active {
	background: #ffc061;
	background: -webkit-linear-gradient(top, #ffdc75, #ffa14b);
	background: linear-gradient(to bottom, #ffdc75, #ffa14b);
}

.cm-red {
	color: #cb0012;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
	font-size: 1.5em;
}


a.order-button:hover .cm-red, 
a.order-button:focus .cm-red, 
a.order-button:active .cm-red {
	color:#f00;
}

/* Artificial Breaks */

#method { max-width: 15em; }
#session-2 { max-width: 17em; }
#session-3 { max-width: 15em; }
#session-7 { max-width: 18em; }
#session-8 { max-width: 16em; }

#better-copy > .headline-part {
	margin-left: auto;
	margin-right: auto;
}

#better-copy > .headline-part:nth-child(2) { max-width: 18em; }
#better-copy > .headline-part:nth-child(3) { max-width: 13em; }

#biggest-secret { max-width: 14.25em; }