@charset "utf-8";
/* CSS Document */

/*
This CSS file belongs to - page-name and it's by Eric Miner and The Miner Bits - eric@minerbits.com
*/

/* =============================================================================
Begin THE TOP OF THE TREE
   ========================================================================== */
html {font-size: 16px;}

* {
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
	}
 
 body {
	 margin: 0 auto;
	 padding: 0;
	 position: relative;
	 color: #2A303D;
	 background: #69799A;
	 background: #C4C4D4;
}
 
 
 #container {
	 width: 100%;
	 margin: 0 auto;
	 position: relative; 
}

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

img {
	max-width: 100%;
	position: relative;
	margin: 0 auto;
       }

cite {
	width: 80%;
	position: relative;
	font-size: .8rem;
	text-align: left;
	/*padding-left: 2rem;*/
	font: italic .8rem/1.5 'Merriweather'/*"minion-pro"*/, Georgia, "Times New Roman", Times, serif;
	}
cite>p {margin: 0;}
/* =============================================================================
Begin PAGE HEADER
   ========================================================================== */
.page-header {
	height: 10rem;
	background-color: #586581;
	 background: #C4C4D4;
	color: #9DB5E7;
	color: #2A303D;
	}
	
.page-header h1 {
	position: relative;
	/*top: 37%;*/
	font: 400 72px/2 "aw-conqueror-carved", "Times New Roman", Times, serif; /*workaround for IE9&10 REM (IE bug id 772679)*/
	font: 400 4.5rem/2 "aw-conqueror-carved", "Times New Roman", Times, serif;
	text-align: center;
	color: #040404;
}

 
.page-header img {
	position: relative;
	bottom:0;
	margin-left: 18.828125%;
	}

/* =============================================================================
Begin MAIN NAV
   ========================================================================== */
.main-nav {}

/* =============================================================================
Begin MAIN CONTENT
   ========================================================================== */
.main-content {
	padding-top: 4rem;
	
	}
.main-content h2 {
	font-size: 2rem;
	text-align: left;
	}
.content-wrapper {/*outline: 1px dotted red;*/
	width: 80%;
	position: relative;
	margin: 0 auto;
	}
@media screen and (max-width: 1450px) {
	.content-wrapper {
		width: 90%;
		}
    }	

/*.sec-title {
	width: 30%;
	top: 8rem;
	left: 46%;
	position: absolute;
	display: block;
	margin: 0 auto;
	font: 900 2rem/1.5 "p22-underground", "Times New Roman", Times, serif;
	text-align: left;
	}*/

.content-sec {/*outline: 2px dotted HotPink;*/
    height: 41.5rem;
	position: relative;
	/*margin: 2rem auto;*/
	font: 16px/1.5 'Merriweather'/*"minion-pro"*/, Georgia, "Times New Roman", Times, serif;/*fix for IE9&10 REM bugs*/
	font: 1rem/1.5 'Merriweather'/*"minion-pro"*/, Georgia, "Times New Roman", Times, serif;
	} 

.content-sec p {
	margin: 0 0 1.5rem 0;
	}


.sec-title {/*outline: 1px dotted lime;*/
	width: 40%;
	position: absolute;
	top: 2rem/*3.875rem*/;
	left: 37.5%;
	margin: 0 auto;
	font: 900 56px/3 "hypatia-sans-pro", "Times New Roman", Times, serif;/*fix for IE9&10 REM bugs*/ 
	font: 900 3.5rem/3 "hypatia-sans-pro", "Times New Roman", Times, serif; 
	color: #2A303D;
	text-align: left;
	}

.text {/*outline: 1px dotted yellow;*/
	width: 40%;
	float: left;
	padding: 2rem 4rem 0 0;
	}
.text p {padding-right: 2rem;}
.text ul {margin-left: 2rem;}
@media screen and (max-width: 1450px) {
	.text {
		width: 70%
		padding: 1rem 12rem 0 0;;
    }}
	

.resources {/*outline: 1px dotted white;*/
	width: 30%;
	float: right;
	padding: 1rem 0 0 6rem;
	}
@media screen and (max-width: 1450px) {
	.resources {
		padding: 1rem 0 0 12rem;
		}}	
	
.resources a {
	display: inline-block;
	padding-bottom: .5rem;
	font-size: 19.2px;/*fix for IE9&10 REM bugs*/
	font-size: 1.2rem;
	font-weight: 700;
	}
.resources p>a {text-decoration: underline;}

figure {
	position: relative;
	left: 33.75%;
	/*top: -3rem;*/
	margin: 2rem auto;
	display: inline-block;
	}
figure>img {
	border-radius: 4px;
	display: inline-block;
}
figure p {margin: 0;}
/*figcaption {
	width: 70%;
	display: block;
    }*/
	
.big-img {
	position: relative;
	left: 5%;
	/*max-width: 100%;*/
    }
@media screen and (max-width: 1450px) {
	.big-img {
	left: -2%;
	}}
	
.five-img {
	/*width: 115%;
	height: 25.5rem;*/
	position: relative;
	left: 5%;
    }
.five-img img {
	margin: 0 1rem 0 0;
	/*border-radius: 8px;*/
	}
/* =============================================================================
Begin PAGE FOOTER
   ========================================================================== */
.page-footer {}

/* =============================================================================
Begin EXTRAS! EXTRAS! EXTRAS! 
   ========================================================================== */
/* Andy Clarke's LINKS */
a, a:visited {
	outline : none;
	color : rgba(42,48,61, 1);
	text-decoration : none;
	/*font-weight: bold; */
	transition: all 1s ease-in-out;
	-webkit-transition: .5s ease-in-out;
	/*font: 400 1.12rem/1.5 "p22-underground", Verdana, Geneva, sans-serif;*/
	   }

a:hover {
	transition: all .5s ease-in-out;
	color : #424248/*4E4E55*//*9DB5E7*/; 
	text-decoration : none;
	text-shadow: 4px 2px 0 #898994/*rgba(0,0,0, .64)*/;
}
 
a:active, a:focus { 
	position : relative; 
	top : 2px; 
	color : rgb(255,255,255);
	text-decoration : none;
    }

a.action {
	padding : .5em 20px;
	background-color : rgb(143,58,58); 
	color : rgb(255,255,255);
	font-size : .875em;  
	text-shadow : 0 1px 1px rgb(0,0,0);
}

a.action:hover {
	background-color : rgb(119,48,48); 
	text-decoration : none;
}

a.action:active,
a.action:focus {
	background-color : rgb(44,18,18); 
	color : rgb(255,255,255); 
	text-decoration : none; 
}
/*End of Andy's Links*/