/* ==========================================================================
   Base
   ========================================================================== */

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

* {
	margin:0;
	padding:0;
}

/* ==========================================================================
   Links
   ========================================================================== */

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */

a, a:hover, a:focus {
  outline: 0;
  color: #000;
  text-decoration:none;
}

p a {
	color:#67a2b9;	
}

img {
  vertical-align: middle;
}

body, html {
	height:inherit;	
}

body {
  font-size: 16px;
  line-height: 160%;
  color: #000;
  font-family:Helvetica, Arial, sans-serif;
  font-style: normal;
  text-align:center;
}

.container, .row {
	max-width:980px;
}

.container {
	margin:0 auto;
	padding:0 20px;
}

.col {
	padding:35px;
	text-align:center;
	margin: 0 auto;
	max-width:560px;
}

#header-top {
	background:#fff url(../img/header-top-bg.jpg) 50% top no-repeat;
	overflow:hidden;
	text-transform:uppercase;
	padding:47px 0;
}

#header-top ul {
	overflow:hidden;
	height:31px;
}

#header-top ul li {
	float:left;
	list-style:none;
	margin-left:30px;
	font-size:30px;
}

#header-top ul li a {
	color:#000;
}

#header-top ul li a:hover, #header-top ul li a.current, a.icon:hover {
	color:#e57f00;	
}

#header-btm {
	background:#fec231 url(../img/header-btm-bg.jpg) 50% top no-repeat;
	min-height:879px;
	padding-bottom:91px;
	margin-top:125px;
}

#header-btm h1 {
	padding:79px 0 0;
	margin:0;
}

#blacks {
	margin-top:130px;	
}

#about {
	background:#fec231 url(../img/about-bg.jpg) 50% top no-repeat;
	min-height:455px;
	padding:20px 0 172px;
}	

#mission {
	background:#fff url(../img/mission-bg.jpg) 50% top no-repeat;
	min-height:709px;
	padding-bottom:195px;
}

#mission h2 img{
	margin-top:-130px;	
}

#leaders{
	background:#fec231 url(../img/leaders-bg.jpg) 50% top no-repeat;
}

#leaders-inner {
	min-height:1024px;
	background:url(../img/leaders-inner.png) 50% bottom no-repeat;
	padding-bottom:1050px;
}

#leaders h2 img {
	margin-top:-110px;	
}

.cat {
	margin:25px 0;
	display:inline-block;
}

#join-top{
	background:#fff url(../img/join-bg.jpg) 50% top no-repeat;
	min-height:904px;
	padding-bottom:46px;
}

#join-top .row {
	margin-top:70px;	
}

#join h2 img {
	margin-top:-110px;	
}

#join-btm {
	background:#777164 url(../img/join-btm-bg.jpg) 50% top no-repeat;
	min-height:604px;
	padding-bottom:80px;
	overflow:hidden;
	color:#fff;
	font-size:14px;
}

#join-btm h2 img {
	margin:0;
}

#join-btm h2 {
	margin:80px 0 50px;
}

#join-btm h3 {
	font-size:35px;
}

/*a.icon:hover img {
	margin-top:-5px;
}*/

.icon span {
	font-size:24px;
	display:inline-block;
	margin-top:30px;
}

#followers {
	background:#fec231 url(../img/followers-bg.jpg) 50% top no-repeat;
	min-height:700px;
	padding-top:40px;
}

#contact {
	background:#fff url(../img/contact-bg.jpg) 50% top no-repeat;
	min-height:666px;
	padding-top:40px;
}

#contact h2 {
	margin-bottom:40px;
}

#footer-top {
	background:#fec231 url(../img/footer-top-bg.jpg) 50% top no-repeat;
	height:542px;
	overflow:hidden;
	padding-top:50px;
}

#footer-btm {
	background:#777164 url(../img/footer-btm-bg.jpg) 50% top no-repeat;
	height:185px;
	overflow:hidden;
}

#footer-btm a {
	margin-top:100px;
	display:block;
}

h2, h3 {
	line-height:55px;
}

h2{
	margin-bottom:60px;	
	font-size:50px;	
}

h3 {
	font-size:45px;	
}

h2 .star {
	vertical-align:middle;
	margin:0 10px;
}

h3, p {
	margin:25px 0;	
}

p.large {
	font-size:50px;	
}

p {
	text-shadow:1px 1px rgba(255, 255, 255, 0.5);
}

label {
	font-size:20px;	
}

.textbox {
	background:url(../img/textbox-bg.png) left top no-repeat;
	padding:0 10px;
	margin:30px auto;
	width:584px;
}

.textbox, .textbox input {
	height:48px;
}

.textbox input {
	border:none;
	background:none;
	font-family:inherit;
	font-size:20px;
	line-height:48px;
	width:100%;
}

.btn {
	margin-top:30px;	
}

#header-top, #header-btm, #about, #mission, #leaders, #join-top, #join-btm, #followers, #contact, #footer-top, #footer-btm {
	background-size:100% 100%;	
}

figure {
	margin:0;	
}

.maxWidth{
	max-width:1472px!important;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.no-margin {
	margin:0!important;		
}

.block {
	display:block;
	margin:30px auto;
}	

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

/* mobile only */
@media only screen and (max-width: 40em) { 
	
	#header-top {
		padding:20px 0;	
	}
	
	#header-top .left, #header-top .right, #header-top ul li {
		float:none!important;	
	}
	
	#header-top ul {
		height:auto;	
	}
	
	#header-top ul li {
		margin:10px 0 0;
		font-size:20px;
	}
	
	#header-btm {
		min-height:1px;
		margin-top:0;
	}
	
	.textbox {
		width:90%;	
	}
	
	#leaders-inner {
		background-image:none;
		padding-bottom:200px;
	}
	
	h2 .star {
		display:none;	
	}
	
	.columns {
		margin-bottom:10px;	
	}
	
	#footer-top {
		height:auto;	
	}
	
	a.icon:hover img {
		margin:0;	
	}
}