/* ================================ Resets / Base Styles ================================ */
html { margin: 0; padding: 0; }
    
body {
    margin: 0; padding: 0;
    font-size: 30px;
    background: #404147; /* white */
    color: #C5C6C7; /* grey */
    }
    
body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea { font-family: "museo-sans-condensed", sans-serif; font-weight:100;}
a, a:visited, a:active { color: #188CF8; text-decoration:none; outline:0; /* blue */}
a:hover { color: #EC584D; /* blue */ }
img { border: 0; }
p, ul, ol { margin: 0 0 1.2em 0; padding: 0; font-size: 1.0em; line-height: 1.3em; font-weight: 100; }
ul li, ol li { font-size: 1.0em; margin-bottom: 35px; }
ul { display: inline-block; } 
dl { text-align: center; font-size: 24px; line-height: 1.4em; margin: 0 auto; width: 50%;}
dl dt { color: #fff;  }
dl dd { margin:0 0 40px 0; color: #188CF8; }
input, textarea, select, td, th { font-size: 1.0em; }
acronym, abbr { border-bottom: 1px dotted black; cursor: help; }
sup { font-size: 0.9em; }
code { font: 1.1em 'Courier New', Courier, Fixed; } 
blockquote { font-style:normal; color: #9BC341; text-align: center; line-height: 1.5em; font-size: 42px; } 
cite { letter-spacing: 3px; margin-bottom: 40px; display:block; text-align:center; font-style: normal; font-size: 16px; opacity:0.8; font-family: "museo-sans-condensed"; font-weight: 300; color: #abacad; }
    
hr { /* For Internet Explorer */ clear:both; height: 1px; color: #666; /* light grey */ border: none; margin-bottom: 70px; margin-top: 30px; width: 1000px; }
html>body hr { /* For Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: none; margin-bottom:70px; margin-top: 30px; width: 1000px; }
html>body hr { /* For Opera and Gecko-based browsers */ clear:both; height: 1px; background-color: #666; border: 0px solid #666; margin-bottom:70px; margin-top: 30px; width: 1000px; }
.hidden { display:none; }   
.error { color: #CC0000; }
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;}

/* ======================================= Headers ====================================== */

h1 { padding: 0; color: #9BC341; font-size: 136px; margin: 150px auto 60px; text-align: center; font-weight: 300; }
h1 strong { font-size: 22px; font-weight: 100; display: block; letter-spacing: 5px; }
h2 { margin: 0; color: #F8B850; padding:0; font-weight: 300; font-size: 72px; max-width: 358px; letter-spacing: 2px; line-height: 78px; position:absolute; bottom: 10%; left:10%; }
h3 { margin: 95px 0 50px 0; color: #F8B850; text-align:center;  font-size: 40px; font-weight: 300; }		
h4 { margin: 0 0 4px 0; }	

/* ======================================= Containers ====================================== */

header { height:60vh; background: url(images/header.jpg) center center; background-size: cover; padding:1px; position:relative;}
header span { display:block; height: 50px; position:absolute; bottom:10px; left:0; width: 100%; background: url(images/arrow.png) no-repeat top center; background-size:contain; }

.section {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
}


#copy { text-align:center; 
	font-size: 16px;
	padding-top: 30px;
	margin-bottom: 60px !important;
	margin-top: 60px;
}

.footer-image {
	background-image: url(images/footer.jpg);
	height: 550px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.insert { background: url(images/texas.png) no-repeat top center; background-size: 500px 500px; height:500px; margin-top: 30px; }
.insert p {
	font-size: 15px;
	max-width: 140px;
	padding-top: 80px;
	margin-left: 14%;
	line-height:22px
}
.insert p span { white-space: nowrap; }

/* ======================================= Misc ====================================== */

.btn, a.btn:visited {
	float: right;
    width: 200px;
    margin-top: 50px;
	margin-right: 150px;
    text-align: center;
    color: #FFFFFF;
	text-decoration: none;
	background-color: #EC584D;
	line-height: 50px;
	display: block;
	font-size: 28px;
	font-weight: 300;
}

.disc {
	font-weight: 300;
	margin: 20px auto;
	font-size: 17px;
	line-height: 1.6em;
	clear: both;
}

a.btn:hover, a.btn:active {
	background-color: #188CF8 !important;
    color: #FFFFFF;
}

a.btn2 {
    width: 100px;
	margin-bottom: 25px;
    text-align: center;
    color: #FFFFFF;
	text-decoration: none;
	background-color: #188CF8;
	display: block;
	font-size: 19px;
	line-height: 35px;
	font-weight: 300;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
}

a.btn2:hover {
	background-color: #EC584D !important;
    color: #FFFFFF;
}

a.btn3 {
    width: 100px;
    text-align: center;
    color: #FFFFFF;
	text-decoration: none;
	background-color: #188CF8;
	display: block;
	font-size: 19px;
	line-height: 35px;
	font-weight: 300;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}

a.btn3:hover {
	background-color: #EC584D !important;
    color: #FFFFFF;
}


.phone { color: #C5C6C7; }


.button-list { margin: auto; display:block; text-align: center; width: 200px; list-style: none; text-align: center;}
.button-list a { display:block; font-weight: 300; height:50px; line-height:50px; width:200px; color: #FFFFFF; text-decoration: none; font-size: 24px; background: #188CF8;}
.button-list a:hover { background: #188CF8; }
#invest-gp a, #invest-lp a { background: #EC584D;}
#invest-gp a:hover, #invest-lp a:hover {background: #188CF8; }
#brochure a:hover { background: #ec584d; }
#documents a:hover { background: #ec584d; }
#ppm a:hover { background: #ec584d; }

#invest p { line-height:1.5em; margin-bottom:2.5em;}

/* ======================================= Footer ====================================== */

footer { width: 800px; margin: 135px auto; }
footer strong { font-weight: 400; color: #F8B850; font-size: 13px; }
footer p { font-size: 17px; line-height: 1.6em; clear:both; }

/* ======================================= Responsive ====================================== */


@media(min-width:1600px){
	h2 { font-size:100px; line-height:112px; max-width: 490px; }
}

@media(max-width:1024px){
	body, dl, .disc { font-size:24px; }
	.btn { margin-right:10%; font-size: 22px; width: 150px;}	
	a.btn2 { font-size: 22px; }
	a.btn3 { font-size: 22px; }
	.button-list a { font-size: 22px; width: 150px; }
	.button-list { width: 150px; }
	h2 { font-size:52px; line-height:58px; max-width: 270px; }
	blockquote { font-size:36px; }
	cite { font-size: 14px; }
}

@media(max-width:768px){
	body, dl, .disc { font-size: 20px; }
	h2 { font-size:40px; max-width: 210px; line-height:1.12em; }
	h3 { font-size: 36px; }
	.section, footer { width: 90%; margin-left: auto; margin-right:auto; }
	hr, html > body hr { width: 100%; }
	footer p { font-size: 14px; }
	.insert p { margin-left:6%; padding-top:60px; }
	a.btn3 { margin-top:0; }
	cite { font-size: 12px; }
	blockquote { font-size:32px; }
}

@media(max-width:680px){
	.insert p { margin-left: 0; }
	dl { width:80%; font-size:18px; margin: 0 auto; }
}

@media(max-width:640px) {
	dl { text-align:center; }
	a.btn2, a.btn3 { margin-right:0; }
	.insert p { padding-top:30px; max-width:100px; line-height:1.3em; }
	.insert p span { white-space: normal; }
}

@media(max-width:480px){
	body, dl, .disc { font-size: 18px; }
	h2 { max-width:80%; margin: 40px auto; text-align:center; clear:both; padding-top:40px;}
	h1 { margin-top:80px; }
	.insert { background-size:100% auto; height:420px; }
	.insert p { padding-top:10px; }
	blockquote { font-size: 28px; }
	footer { margin-top:60px; }
	p { font-size: 1.1em; }
	cite { letter-spacing: 1px; }
}


@media(max-width:420px){
	h1 { font-size:80px; }
	h1 strong { font-size:14px; }
	#copy { font-size:12px; }
	.insert { height:340px; }
	.insert p { margin: 0; padding:0; font-size:13px; max-width:80px; line-height:1.2em; }
}

@media(max-width:360px){
	.insert { height:300px; }
}