@font-face{
	src: url(../fonts/raleway2.ttf);
	font-family: raleway;
}
body{
	background-image: url(../images/background.jpg);
	background-color: #000000;
	background-attachment: fixed;
	background-size: 100%; 
}
.white_small{
	color: #FFFFFF;
	font-family: sans-serif;
	font-size: 16px;
}
.black_small{
	color: #000000;
	font-family: sans-serif;
	font-size: 16px;
}
.main_menu{
	float: right;
	text-align: center;
}
.main_menu input{
	margin: 30px;
}
.menu_button{
	width: 100px;
	height: 30px;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	background: none;
	transition: color 0.5s,background-color 0.5s;
}
.donate_us{
	width: 100px;
	height: 30px;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
	text-align: center;
	background-color: #00bf04;
	transition: color 0.5s,background-color 0.5s;
}
.menu_button:hover{
	color: #001a57;
	background-color: #FFFFFF;
}
.donate_us:hover{
	background-color: #3de341;
	color: #FFFFFF;
}
.learn_more{
	background-color: #00bf04;
	color: #FFFFFF;
	width: 150px;
	height: 40px;
	border: solid 1px #FFFFFF;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: 300;
	transition: background-color 0.5s;
}
.learn_more_small{
	background-color: #00bf04;
	color: #FFFFFF;
	width: 120px;
	height: 35px;
	border: solid 1px #FFFFFF;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
	transition: background-color 0.5s;
}
.learn_more:hover, .learn_more_small:hover{
	background-color: #3de341;
}
.heading_xl{
	padding: 10px;
	font-family: raleway;
	font-weight: 500;
	font-size: 50px;
}
.heading_sm{
	font-family: sans-serif;
	font-weight: 100;
	font-size: 30px;
	padding: 10px;
}
.heading_xs{
	font-family: sans-serif;
	font-weight: 100;
	font-size: 20px;
	padding: 0px;
}
.white_box{
	width: 100%;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,1);
	background-image: url(../images/dots_selected1.png);
	/*min-height:600px;*/
}
.black_box{
	width: 100%;
	color: #FFFFFF;
	background-color: rgba(0,50,59,0.75);
	background-image: url(../images/dots_selected4.png);
	/*min-height: 600px;*/
}
.button_green_sm{
	width: 100px;
	height: 25px;
	background: none;
	color: #FFFFFF;
	border-radius: 20px;
	border: solid 1px #FFFFFF;
	transition: background-color 0.5s;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: 300;
}
.button_green_sm:hover{
	background-color: #00bf04;
}
.big_icon{
	font-size: 60px;
}
.footer{
	background-color: rgba(0,37,35,0.95);
	width: 100%;
	color: #FFFFFF;
	font-family: sans-serif;
}
.footer img{
	width: 200px;
}
.footer_dark{
	background-color: rgba(0,27,26,1);
	color: #FFFFFF;
	font-family: sans-serif;
}
.scroll_up{
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 25px;
	color: #FFFFFF;
	background-color: #333333;
	width: 40px;
	height: 40px;
	border: solid 1px #FFFFFF;
	border-radius: 20px;
	display: none;
	cursor: pointer;
}
.highlighted{
	background-color: #EEEEFF;
	padding: 20px;
	margin: 10px;
	border-radius: 5px;
}
.boxes{
	padding: 40px;
}
.tech_logos{
	width: 120px;
	height: 120px;
}
.input_box, textarea{
	color: #AAAAAA;
	width: 75%;
	resize: none;
	background-color: rgba(0,20,35,0.50);
	font-family: sans-serif;
	font-size: 18px;
	border: none;
	font-weight: 100;
	transition: border 0.5s;
}
textarea{
	height: 150px;
}
.input_box:focus, textarea:focus{
	border-left: solid 20px #006666;
}
.social_table{
	font-size: 30px;
	float: right;
}
.social_table td i{
	padding: 10px;
	color: #FFFFFF;
	transition: color 0.5s;
	cursor: pointer;
}
.social_table td i:hover{
	color: #AAAAAA;
}
.fading_div{
	opacity: 0;
}
     .dev_name{
     			color: #666666;
     			font-weight: 100;
     			font-size: 25px;
     }
     .developer_text td{
     			padding-left: 20px;
     }
     .dev_photo{
     			width: 100px;
     			height: 100px;
     			border-radius: 50px;
     			background-size: 100px 100px;
     }
     .icon_link{
     			font-size: 25px;
     }
     .icon_link:hover, .icon_link:visited{
			text-decoration:none;
     }
     .icon_link:nth-of-type(1){
     			background-color: #0056b7;
     			color: #FFFFFF;
     			border-radius: 4px;
     }
     .icon_link:nth-of-type(2){
     			color: #0056b7;
     }
     .icon_link:nth-of-type(3){
     			color: #a00000;
     }
     .icon_link:nth-of-type(4){
     			color: #0090ff;
     }
.dev_image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
}
.main_menu{
		display: none;
}
.mainmenuicon{
		display: none;
		float: right;
}
.mainmenuicon img{
		width: 32px;
		height: 28px;
		margin: 15px;
		border: inset 1px #FFFFFF;
		padding: 3px;
		border-radius: 3px;
}