/* 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-radius: 0;
	max-width: 27.6em;
	min-height: 0;
	padding: 75px 1em 0.5em;
	text-align: center;
	width: auto;
}

/* General Rules */

body {
	background-color: #38b8b8;
	font-family: Ubuntu, sans-serif;
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #008;
	font-family: Kreon, serif;
	margin-left: auto;
	margin-right: auto;
}

h1,
h2,
.h1,
.h2 { text-align: center; }

h1,
.h1 { font-size: 2.5em; }

.headline-part { display: block; }

.headline-part + .headline-part { margin-top: 0.5em; }

.fa-ul li { list-style-image: none; }

.fa-li { color: #159615; }

img {
	height: auto;
	max-width: 100%;
}

@media screen and (min-width:30em) {
	h1,
	.h1 { font-size: 3em; }
}

/* Layout Rules */

.content {
	margin: 0;
	padding: 0;
}

.wrap {
	background-color: #fff;
	border: solid #1c5c5c;
	border-width: 0 0.4em;
	max-width: 40em;
	margin: 0 auto;
	padding: 0 2em 0.1em;
}

/* General Content Rules */

.alert {
	background-color: #d00;
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	color: #fff;
	display: inline-block;
	padding: 0.15em 0.5em 0.3em;
}

blockquote {
	background-color: #dfd;
	border-radius: 0.5em;
	margin: 1em auto;
	max-width: 35em;
	padding: 0.1em 1em;
}

.caption { margin: 0.5em auto; }

/* Bootcamp Expenses Table */

.bootcamp-expenses {
	margin: 1em auto;
	border: 0 none;
}

.bootcamp-expenses tr { border-bottom: 1px solid #ccc; }

.bootcamp-expenses tr:last-child { border-bottom: 0 none; }

.bootcamp-expenses td {
	border: 0 none;
	padding: 0.5em 0.75em;
	vertical-align: middle;
}

.bootcamp-expenses td:first-child { background-color: #eee; }

.bootcamp-expenses td:last-child { border-left: 1px solid #ccc; }

/* Presentation Boxes */

.presentation {
	background-color: #93e8ff;
	border-radius: 0.25em;
	margin: 1em auto;
	padding: 1em 1em 0.1em;
}

.presentation-speaker { text-align: center; }

.presentation-speaker img { border-radius: 0.5em; }

@media screen and (min-width:45em) {
	.presentation {
		display: table;
		padding: 1em;
	}
	
	.presentation-speaker,
	 .presentation-copy {
		display: table-cell;
		vertical-align: middle;
	}
	
	.presentation-speaker {
		min-width: 10em;
		padding-right: 1em;
	}
	
	.presentation-copy p:first-child { margin-top: 0; }
	
	.presentation-copy p:last-child { margin-bottom: 0; }
}

/* Order Button */

a.order-button {
	display: block;
	color: #fff;
	background-color: #159615;
	padding: 0.5em 1em;
	line-height: 1.2;
	margin: 0 auto;
	max-width: 10em;
	border-radius: 0.5em;
	font-weight: bold;
	font-size: 2em;
}

a.order-button:hover,
a.order-button:focus,
a.order-button:active { background-color: #2dae2d; }

/* Artificial Breaks */

#gift { max-width: 12em; }