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

/* Offer Expired Resets */
.offer-expired {
	background: #800 url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px;
	border: 0 none;
	border-radius: 0;
	margin: 0 auto;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: inherit;
}

/* General Rules */

body {
    font-family: 'Merriweather', Georgia, Times, 'Times New Roman', serif; 
	color: #222;
	font-size: 100%;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content .h1,
.content .h2,
.content .h3,
.content .h4 {
    font-family: 'Merriweather', Georgia, Times, 'Times New Roman', serif; 
}

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

.content h1,
.content .h1 {
	font-size: 3.5em;
	margin: 0.5em auto;
}

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

.fa-li {
	color: #d00;
}

.nolist li {
	list-style: none;
}

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

.break {
	overflow-wrap: break-word;
 -ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for WebKit */
     word-break: break-word;
}

@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;
}

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

.header {
	background-color: #fcffd6;
}

.header > .wrap { padding: 0; }

.wrap {
	max-width: 35em;
}


/* General Content Rules */

.sidebar,
.inline-quote {
	color: #000;
	margin: 1em auto;
	padding: 0.1em 1.25em;
	width: 85%;
}

.sidebar {
	background-color: #fcffd6;
}

.sidebar h3,
.sidebar .h3,
.inline-quote h3,
.inline-quote .h3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.inline-quote {
	background-color: #eee;
	clear: right;
}

.portrait {
	background-color: #eee;
	border-radius: 0.25em;
	padding: 0.75em;
	margin: 1em auto;
	max-width: 8.25em;
}

.caption { margin: 0.5em auto 0; }

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

/* Artificial Breaks */

#title { max-width: 15em; }
#sub-title-2 { max-width: 19em; }
#concept { max-width: 15em; }
#master { max-width: 12em; }
#opportunity { max-width: 17em; }
#feedback { max-width: 15em; }
#module-2 { max-width: 16em; }
#module-2 { max-width: 16em; }
#module-12 { max-width: 12em; }
#module-13 { max-width: 12em; }
#cost { max-width: 10em; }
#guarantee { max-width: 11em; }