/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
footer, header, main, /* 2 */ menu, nav { /* 1 */ display: block; }

html { height:100%; }

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong {font-weight: inherit;}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {font-weight: bolder;}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {border-style: none;}
@font-face {
    font-family: OpenSans-Medium;	
    src: url('OpenSans-Medium.ttf');
}


html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
a, img, ins, kbd, q, s, samp, small, strong, var,
b, u, i, center, ul, li, footer, header, 
menu, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;	
	font: inherit;
	vertical-align: baseline;	
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	
	
body {
background-color: #000000;/*#07060b;*/ 
color:#bbbbbb;
height: 100%;
font-family: 'OpenSans-Medium', sans-serif;
}

ul

li {
	list-style-type: none;
}

p {
	font-size:17px;
	padding: 8px;
}

h1 {
	font-size: 28px;
	text-align:center;
	color: #bf9515;
}

h2 {
	color: #bf9515;
	font-size: 24px;
	text-align:center;
	font-weight:normal;
}

h3 {
	
	font-size: 20px;
	text-align:center;
	font-weight:normal;
}

a {
	color:#bf9515;
	
	}

 .clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.container {
	width: 100%;
	min-height: 100%;
	position: relative;
	display: block;
	margin: 0 auto;
	border-top:10px solid #bf9515;
	border-bottom:10px solid #bf9515;
	width:100%;
	max-width:1400px;
}



.logo {
	position: relative;
	width:100%;
	height: auto;
	padding-top: 30px;
	background-color: #111111;
}

.logo img {
	position: relative;
	display: block;
	width: 262px;
	margin: 0 auto;
}

.pnw {
	text-align: center;
	font-size: 21px;
	
}

.content {
	display:block;
	position: relative;
	margin:0 auto;
	padding-top:20px;
	background-color: #111111;
		
	
}

.content img {
	position:relative;
	display:block;
	margin: 0 auto;

	
}

.banner {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	background-color:#2d0e0b;
}


.banner img {
	margin:0 auto;
	display: block;
	position: relative;
	width: 65%;
	max-width:1700px;
	
}

@media only screen and (max-width: 900px){
.banner img {
	width:90%;
}
}

.intro {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	}
	
.intro-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:60%;
	max-width:1700px;
	padding:50px;
}

@media only screen and (max-width: 900px){
.intro-content {
	width:100%;
}
}

.about {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
}

.about-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:65%;
	max-width:1700px;
	margin-bottom:20px;
	background-color: #222222;
	padding:50px;
}


.about-content img {
	display: block;
	position: relative;
	width: 75%;
	max-width:800px;
	padding: 10px;
}


@media only screen and (max-width: 900px){
.about-content {
	width:100%;
}
.about-content img {
	width:100%;
}
}


.join {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}

.join-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:65%;
	max-width:1700px;
	padding:50px;
	background-color: #222222;
}



.join-content img {
	display:block;
	position:relative;
	width: 75%;
	max-width:800px;
	padding: 20px;
}


@media only screen and (max-width: 900px){
.join-content {
	width:100%;
}
.join-content img {
	width:100%;
}
}

.button {
	background-color:#bf9515;
	color:#111111;
	font-weight:bold;
	padding:10px;
	text-align:center;
	
}

.button a {
	color:white;
	text-decoration:none;
}
.philanthropy {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	margin-bottom:40px;
}

.philanthropy-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:65%;
	max-width:1700px;
	padding:50px;
	background-color: #222222;
}

@media only screen and (max-width: 900px){
.philanthropy-content {
	width:100%;
}
}

.philanthropy-content img {
	display:block;
	position:relative;
	width: 65%;
	max-width:800px;
	padding: 20px;
}

@media only screen and (max-width: 900px){
.philanthropy-content img{
	width:100%;
}
}

.events {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	}

.events-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:65%;
	max-width:1700px;
	padding: 40px;
	background-color: #222222;
}

@media only screen and (max-width: 900px){
.events-content {
	width:100%;
}
}

.events-content img {
	display:block;
	position:relative;
	width:39px;
	max-width: 800px;
}



.gallery {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
	
}

.gallery-content {
	margin:0 auto;
	display: block;
	position: relative;
	width:65%;
	max-width:1700px;
	padding: 40px;
	background-color: #222222;
}

.gallery-content img {
	display:block;
	position:relative;
	width: 75%;
	max-width:800px;
	padding: 20px;
}


@media only screen and (max-width: 900px){
.gallery-content {
	width:100%;
}

.gallery-content img{
	width:100%;
}
}

.footer {
	margin:0 auto;
	display: block;
	position: relative;
	width: 100%;
}

.footer-content {
	margin:0 auto;
	display: block;
	position: relative;
	padding: 40px;
	background-color: #111111;
	
}



.footer-content p{
	text-align:center;
}

.social {
	display:block;
	position:relative;
	width:85px;
	margin:0 auto;
}

.social img {
	display:inline-block;
	position:relative;
	
	
}