/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../images/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/

/* CONTENT PAGE STYLES */

.content {
	font-size: 16px;
	margin: 0 auto;
	max-width: 50em;
	}

.content ol {
	font-size: 16px;
	line-height: 1.3;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 1.5em;
	}

.content ol li {
	margin: .5em 0;
	}

.content ul > li {
	margin: .5em 0 .5em 1.5em;
	}

.content ul > li > ul {
	list-style-type: circle;
	margin-left: 1.5em;
	}

.content h2 {
	background-color: #f0f0f0;
	background: linear-gradient(to bottom, #ffffff, #f0f0f0);
	border-bottom: 3px solid #637b9b;
	border-top: 1px solid #f0f0f0;
	color: #637b9b;
	display: block;
	font-weight: 900;
	font-size: 26px;
	margin: 1em 0 .5em 0;
	padding: .5em 3em .25em .75em;
	position: relative;
	}

.content h2 i {
	clear: both;
	display: block;
	position: absolute;
	top: 30%;
	right: 1em;
	}

.content h2 i:after {
	content: '';
	clear: left;
	}

.content p {
	color: #333;
	line-height: 1.3;
	font-size: 16px;
	font-weight: 500;
	margin: .75em 0;
	}

.content .promotions-list {
	text-align: center;
	}

.content .promotions-list li {
	display: inline-block; 
	margin: 1em;
	}

.content a {
	color: #637b9b;
	}

.content a:hover {
	color: #34435a;
	}


.content .promotions-list li a {
	color: #637b9b;
	font-weight: 700;
	text-decoration: underline;
	}

.content .promotions-list li a:hover {
	color: #34435a;
	text-decoration: none;
	}

.content .terms-and-exclusions {
	list-style-type: disc;
	}
	
.content .disclaimer {
	font-size: 14px;
	color: #777;
	text-align: left;
	}









/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}	
}
@media only screen and (max-width: 860px) {
	.content {padding: 0 1em;}
}

@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px */

/* CONTENT PAGE STYLES */

.content {
	font-size: 16px;
	margin: 0 auto;
	max-width: 50em;
	}

.content ol {
	font-size: 16px;
	line-height: 1.3;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 1.5em;
	}

.content ol li {
	margin: .5em 0;
	}

.content ul > li {
	margin: .5em 0 .5em 1.5em;
	}

.content ul > li > ul {
	list-style-type: circle;
	margin-left: 1.5em;
	}

.content h2 {
	background-color: #f0f0f0;
	background: linear-gradient(to bottom, #ffffff, #f0f0f0);
	border-bottom: 3px solid #637b9b;
	border-top: 1px solid #f0f0f0;
	color: #637b9b;
	display: block;
	font-weight: 900;
	font-size: 26px;
	margin: 1em 0 .5em 0;
	padding: .5em 3em .25em .75em;
	position: relative;
	}

.content h2 i {
	clear: both;
	display: block;
	position: absolute;
	top: 30%;
	right: 1em;
	}

.content h2 i:after {
	content: '';
	clear: left;
	}

.content p {
	color: #333;
	line-height: 1.3;
	font-size: 16px;
	font-weight: 500;
	margin: .75em 0;
	}

.content .promotions-list {
	text-align: center;
	}

.content .promotions-list li {
	display: inline-block; 
	margin: 1em;
	}

.content a {
	color: #637b9b;
	}

.content a:hover {
	color: #34435a;
	}


.content .promotions-list li a {
	color: #637b9b;
	font-weight: 700;
	text-decoration: underline;
	}

.content .promotions-list li a:hover {
	color: #34435a;
	text-decoration: none;
	}

.content .terms-and-exclusions {
	list-style-type: disc;
	}
	
.content .disclaimer {
	font-size: 14px;
	color: #777;
	text-align: left;
	}



}