@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
	color: #fff;
	
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: #0B4607 url(../images/RedVelvet.jpg) repeat;
}
.page {
	max-width: 980px;
	margin: 0px auto;
	position: relative; 
	background-image:url(../media/audio/playBackground.jpg);
	background-color:#1E0A0A;
}

h1{
	margin:5px;
	font-size:26px;
	text-align:center;
	color:#F4EE9D;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-shadow:2px 2px 2px #000;
	padding-bottom:10px;
	line-height:30px;
}
h2 { font-size: 1.7em; margin: 0 0 1em 0;}
h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	color: inherit;
}

h4 { 
	font-size: 1.3em;
	margin: 0 0 1em 0;
	color:#433305;
	text-align:center;
	}
	

p { margin:0 0 .75em 0;}
a { color: #EDC311;
font-size:14px;
font-weight:bold;
text-shadow:2px 2px 2px #000;

}
a:hover { color: #7C6609; }

footer { font-size: .85em; color: #bc8e18; background-color: #003300; padding: 10px 10px 20px 20px; text-shadow:2px 2px 2px #000;}



a.cta { 
	text-transform:uppercase;
	font-size: .9em;
	font-weight:bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background:url(../images/cta_arrow.png) no-repeat right 0px;  
}

 a.cta:hover { background-position: right -50px; }
 
 .promo h3 { font-size: 1.1em; margin: 0; }
 .promo p { line-height: 1.2em; font-size: .9em; margin-botteom: .9em; }
 
 .promo { background-repeat:no-repeat; background-size: 60px 60px; background-color:#410304; opacity:0.8;
 }
 
 .promo.one { background-image: url(../images/promo_1a.png); }
 .promo.two { background-image: url(../images/promo_2.png); }
 .promo.three{ background-image: url(../images/promo_3.jpg); }
 .footer-social { float: right; margin-left:10px; margin-bottom:10px; padding-bottom:20px; box-shadow:#170101;}
.footer-social li { display: inline;}
.footer-social span { margin-top: -20px;}
 
nav a {
	
	color: #bc8e18;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
	
}
nav a:hover { color: #fff;}

.clear-fix { clear: both; line-height: 1px; }

.responsive-container{
	background-image:url(../media/audio/playBackground.jpg);
	width:inherent;
	background: #540809;
	position:relative;
	padding-bottom: 56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.responsive-container video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Main Content sections */

.mainContent .section1 {

	display: block;

}

.section1 .sectionTitle, .section2 .sectionTitle {

	font-family: 'Montserrat', sans-serif;

	color: #F8F2F2;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	margin: 0 3% 0 0;

	float: left;

	clear: both;

}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	background-color: rgba(208,207,207,1.00);

	height: 1px;

	padding: 0px;

}

.mainContent .section1 .section1Content {

	font-family: ProximaNova;

	font-size: 14px;

	font-weight: 100;

	color: rgba(208,207,207,1.00);

}

.mainContent .section1 .section1Content span {

	color: rgba(146,146,146,1.00);

	font-family: sans-serif;

}

.section2 .sectionContentTitle {

	color:#F4EE9D;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-shadow:2px 2px 2px #000;
	font-size: 18px;

	font-weight: 700;

}



.section2 .sectionContentSubTitle {

	color:#F4EE9D;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-shadow:2px 2px 2px #000;

	font-size: 16px;

	font-weight: 400;

}

.section2 .sectionContent {

	font-family: sans-serif;

	color: #F9F4F4;

	font-size: 17px;

	font-weight: 400;

	line-height: 1;
	text-shadow:2px 2px 2px #000;

}

.mainContent {

	display: block;

}

.mainContent .externalResourcesNav .externalResources {

	background-color: rgba(208,207,207,1.00);

	display: inline-block;

	text-align: center;

	margin-top: 0px;

	padding-top: 3%;

	cursor: pointer;

}


@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	 .promo.one { background-image: url(../images/promo_1_2x.jpg); }
 	.promo.two { background-image: url(../images/promo_2_2x.jpg); }
 	.promo.three{ background-image: url(../images/promo_3_2x.jpg); }

}

/* Media query for Mobile devices*/

@media only screen and (min-width : 285px) and (max-width : 480px) {

/* Header */