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

/* General Rules */

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

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	font-family: "Titillium Web", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

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

h1,
.h1 {
	color: #fff;
	margin: 0.5em auto;
}

h2,
.h2 {
	color: #007bc3;
	text-align: center;
}

@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 {
	background-color: #007bc3;
	padding: 0.1em 1em;
}

.header .h3 { color: #fff; }

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

/* General Rules */

.sidebar {
	background-color: #ffe89c;
	border-radius: 0.5em;
	color: #000;
	font-size: 0.9em;
	padding: 0.1em 1em;
	margin: 1em auto;
	width: 85%;
}

.sidebar h3 {
	margin: 0.75em auto;
	text-align: center;
}

@media screen and (min-width: 39em) {
	.sidebar-right {
		float: right;
		margin: 0 0 0.5em 1em;
		width: 15em;
	}
}

/* Buttons */

a.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 #DB7A4A;
	border-radius: 0.5em;
	color:#fff;
	display: inline-block;
	font-family: "Titillium Web", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0.5em 0;
	padding: 0.5em 0.75em;
	text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.4);
}

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

a.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%);
}

a.order-button.order-button-large { font-size: 1.75em; }

/* Artificial Times */

#title { max-width: 20em; }
#make-money { max-width: 19em; }
#nothing { max-width: 17em; }
#what-is { max-width: 11em; }
#could-use { max-width: 19em; }
#fun-projects { max-width: 14em; }
#no-brainer { max-width: 15.5em; }