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

/* General Rules */

body {
	font-family: Raleway, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 100%;
}

h1,
h2,
.h1,
.h2,
h3,
.h3 {
	color: #13497b;
	font-family: "Work Sans", sans-serif;
	font-weight: 800;
}

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

h1,
.h1 { font-size: 2.5em; }

.wrap h3 { margin: 1em auto; }

.wrap a { border-bottom: 2px solid; }

.footer a { border-bottom: none; }

b,
strong { font-weight: 600; }

.upper-alpha-parentheses {
	counter-reset: ua-parentheses;
	list-style: none;
}

.upper-alpha-parentheses > li { counter-increment: ua-parentheses; }

.upper-alpha-parentheses > li:before {
	content: counter(ua-parentheses, upper-alpha) ") ";
	margin-left: -1.1em;
}

.lower-alpha { list-style-type: lower-alpha; }

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

.fa-li { color: #2ba42b; }

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

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

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

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

/* Layout Rules */

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

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

/* Header Rules */

.header-background { background: #bccaff url(/_img/toolbox/p/ini/subtle_grunge.png) repeat; }

.header {
	padding: 0.1em 1em;
	margin: 0 auto;
	max-width: 115em;
}

.desk {
	background-color: #13497b;
	color: #fff;
	font-size: 0.8em;
	padding: 0.5em;
	text-align: center;
}

.header .wrap {
	margin: 0.5em auto;
	max-width: 50em;
	padding: 0.5em;
}

.header-wrap { box-shadow: 0 0 1em rgba(0,0,0,0.5); }

.header-copy {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	padding: 0.1em 1em;
}

.header-copy h1 { margin: 0.33em auto 0.5em; }

@media screen and (min-width:58.75em) {
	.header { background: url(/_img/toolbox/p/ini/sf_cutout.png) right bottom no-repeat; }
	
	.header .wrap { margin: 1.5em auto; }
	
	.header-wrap { max-width: 34em; }
}

@media screen and (min-width:87.5em) {
	.header { background-position: 75% bottom; }
}

/* Content Rules */

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

.module-container { background-color: #d7e4ff; }

.module-container.bonus { background-color: #d7ffd9; }

.module-container h3 {
	background-color: #6e86b9;
	color: #fff;
	margin-top: 0;
	padding: 0.5em;
	text-align: center;
}

.module-container.bonus h3 { background-color: #6eb96f; }

.module-number {
	background-color: #4b6396;
	border-radius: 0.1em;
	display: inline-block;
	margin-bottom: 0.25em;
	padding: 0.25em 0.5em 0.33em;
	text-decoration: underline;
}

.module-number.bonus { background-color: #479645; }

.module-container .wrap {
	margin: 0 auto;
	padding-top: 0;
}

.module-container .fa-li { color: #000; }

.assignment {
	background-color: #e8fce8;
	margin: 1em auto 1.5em;
	padding: 0.1em 0.5em;
}

.module-container + .wrap {
	margin-top: 0;
	padding-top: 0;
}

.guarantee {
	background-color: #d7ffd9;
	padding: 0.1em 1em;
	border-radius: 0.1em;
}

.guarantee h2 {
	color: #000;
	margin-top: 0.75em;
}

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

@media screen and (min-width:43em) {
	.sidebar-right { margin: 0 -2em 1em 1em; }
}

/* Artificial Breaks */

#method { max-width: 13em; }
#interest { max-width: 13.5em; }
#graduate { max-width: 15.5em; }