body {
	background-color:#000000;
	}

#wrap {
	width:100%; 
	margin-right:auto; 
	margin-left:auto; 
	}

	a:link {
   color: #cc00ff;
   text-decoration:none;
}

a:visited {
   color: #cc00ff;
   text-decoration:none;
}
a:hover {
   color: #bd10e0;
   text-decoration:none;
}

#banner {    
    width: 100%;
    margin-left: auto;      
    margin-right: auto;
	padding-top:3%;
	padding-bottom:2.5%;
	text-align:center;
	background-image:url(../images/header3.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: contain;
	min-height:322px; 
}


#box { margin-left:13%; margin-top:8%; }
.box {background-color: #000000; float:left; width:30%; margin:0 1.5%;}
.grey {background-color: #eeeeef; display: flex;}
.white {background-color:#ffffff; display: flex;}
.black {background-color:#000000; display: flex;}
.inner {padding:1% 10% 1% 10%;}
.left {float:left; width:45%; margin-right:5%;}
.right {float:left; width:45%; margin-left:5%;}
.resource {width:12%; margin-right:4%; float:left;}
h1 {
		font-family: "Merriweather"; Arial, Helvetica, sans-serif;
		font-size:36px;
		color:#ffffff;
		text-align:left;
		margin-top:5%;
		margin-left:13%;
	}
	
h2 {
		font-family: "Times New Roman", Times, serif;
		font-size:30px;
		color:#ffffff;
		background-color:#bb81ff;
		padding:1% 4%;
		margin:0px;
		font-weight:lighter;
	}

	h3 {
		font-family: "Merriweather"; Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#ffffff;
		text-align:left;
		font-weight:bold;
		padding-left:12%;
	}

	
h4 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:20px;
	}
	
h5 {
		font-family: 'Source Sans Pro', sans-serif;
		float:left;
		font-size:14px;
		color:#ffffff;
		line-height:26px;
		margin:0px 13px;

		}
	
p {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:20px;
	}
	

img {display: block; max-width: 100%; height: auto;}

.intro {
	font-family: Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height:24px;
		color:#ffffff;
	}

.caption {
	font-family: 'Source Sans Pro', sans-serif;
		font-size:12px;
		line-height:20px;
		color: #666666;
		font-style:italic;
	}
	
.down {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:14px;
		line-height:20px;
		color:#ffffff;
	}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#footer1
{
width: 96%;
background-color:#000000;
}

.footer1_box
{
  font-family: Arial, Helvetica, sans-serif;
  width: 20%; 
  height: 50px;
  font-size:11px;
  color:#ffffff;
  display: inline-block;
  padding:2%;
  vertical-align:middle;
}

.social {
	height:28px;
	float:left;
	vertical-align:top;
	margin-left:10px;
}

@media screen and (max-width: 1024px) {
  
	
.resource {width:40%; margin-right:4%; float:left;}

.footer1_box
{
  width: 96%;
  height: 40px; 
}
}