body {
	background-color:#000000;
	}

#wrap {
	width:90%; 
	margin-right:auto; 
	margin-left:auto; 
	background-color:#000000;
	}

a:link {
   color: #3e4c5a;
   text-decoration:none;
}
a:hover {
   color: #bd10e0;
   text-decoration:none;
}
	
h1 {
		font-family: "Montserrat-Bold";
		font-size:2.5vw;
		color:#ffffff;
	}
	
h2 {
		font-family: "Montserrat";
		font-size:0.9vw;
		text-decoration: none;
		border-bottom: 1px solid #ffffff;
		width:29%;
		padding-bottom:8px;
		color:#ffffff;
	}
h3 {
		font-family: "Montserrat-Bold";
		font-size:0.8vw;
		text-transform:uppercase;
	}
	
h4 {
		font-family: "Montserrat-Bold";
		font-size:1.8vw;
		color:#3e4c5b;
	}
	
h5 {
		font-family: "Montserrat-Bold";
		font-size:1.5vw;
		color:#3e4c5b;
	}
	
p {
		font-family: "Montserrat";
		font-size:14px;
		line-height:23px;
		color:#61778e;
	}
p.learn {
		font-family: "Montserrat-Bold";
		text-transform:uppercase;
		font-size:22px;
		color:#3e4c5b;
	}
	
p.lgraph {
		font-family: "Montserrat-Bold";
		font-size:18px;
		color:#3e4c5b;
	}
	
p.caption {
		font-family: "Montserrat-Bold";
		font-size:16px;
		color:#16788e;
	}
	
p.papers {font-family: "Montserrat";
		font-size: 11px;
		color:#61788e;
	}
	
#title{
		position:absolute; 
		left:10%; 
		top:34%;
		}
	
.head_box {
	background-color:#ffffff;
	position:relative;
	margin-top:-6px;
	padding-left:20%;
	padding-right:15%;
	float:left;
	}
.inhead_box{
	border-bottom: 1px solid #979797;
	padding-bottom:35px; 
	float:left; 
	
}
.inleft{
	width:40%; 
	float:left;
}
.inleft2{
	width:50%; 
	float:left;
}

.inleft3{
	width:80%; 
	float:left;
}
.inleft4{
	width:60%; 
	float:left;
}
.inright2 {
	width:45%; 
	float:left;
	margin-left:5%;
}
.container {
	padding-bottom:35px; 
	float:left;
}
.numbers{
	width:80%; 
	padding: 0 0 0 25%;
	position:relative;
}
.numbers img {
		left: 0;
		position: absolute;
		top: 0;
	}


#purple_box {
	width:22%; 
	float:left; 
	border:4px solid #9013fe; padding:2%;
}

#purple_box2 {
	width:100%; 
	float:left; 
	border:4px solid #9013fe; padding:1% 0 12% 5%;
	margin-top:35%;
	margin-left:15%;
	margin-bottom:10%;
}

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

#footer1 a:link, #footer1 a:visited{color: #bd10e0;}
#footer1 a:hover {color: #9013fe;}
.footer1_box
{
  font-family: Arial, Helvetica, sans-serif;
  width: 270px;
  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;
}
	
/*#nav {
	width:34%;
	background-color:#d8d8d8; 
	float:left;
	padding-bottom:2000px; 
	margin-bottom:-2000px;
	height:700px;
	}
#topnav {
	padding:1% 16% 3% 10%;
}

#bottomnav {
		padding:1% 16% 3% 10%;
}

#upnav {
		padding:1% 16% 0 10%;
}

#papertab {
	background-color:#ffffff;
	border-top: 15px solid #f5a623;
	padding:1% 16% 5% 10%;
}
#threedtab {
	background-color:#ffffff;
	border-top: 15px solid #e89cf7;
	padding:1% 16% 5% 10%;
}
#computertab {
	background-color:#ffffff;
	border-top: 15px solid #fb1c9d;
	padding:1% 16% 5% 10%;
}
#rightclm {
	float:left; 
	width:66%; 
	position:relative;
}
.tab {
	background-color:#d8d8d8;
	border-bottom: 1px solid #979797;
	padding:8% 0;
}


.yel {
	color:#fbe71c;
}
.purp {
	color:#bd10e0;
}
	
.intro {
	 font-family: "Lato";
	 font-size: 36px;
	 line-height: 49px;
	 color:#ffffff;
}

@media screen and (max-width: 600px) {
	
	h1 {
		font-size:34px;
	}
	
	.intro {
		font-size: 24px;
	 line-height: 38px;
	}
	

}*/