html,body{
	width:							100%;
	height:							100%;
}

html{
  -webkit-tap-highlight-color: 		rgba(0, 0, 0, 0);
}

.gradient {
	background-attachment: 			fixed;
}

.blueblack{
	background-image: 				linear-gradient( to top right, #000518, #000000);
}

.pinkorange{
	background-image: 				linear-gradient( to top right, #e41c6e, #e94a37);
}

.blueblue{
	background-image: 				linear-gradient( to top right, #4b889b, #1a1a23);
}

.dpurplepurple{
	background-image: 				linear-gradient( to top right, #4b202e, #842241);
}

.dgreygrey{
	background-image: 				linear-gradient( to top right, #242428, #54565f);
}

.dgreygrey2{
	background-image: 				linear-gradient( to top right, #222222, #333333);
}

.redred{
	background-image: 				linear-gradient( to top right, #7e0000, #4a0000);
}

canvas{
  	display:						block;
  	vertical-align:					bottom;
}

#particles-js{
  	width: 							100%;
  	height: 						100%;

  	background-size: 				cover;
  	background-position: 			50% 50%;
  	background-repeat: 				no-repeat;
}

img{
	max-width:						100%;
}

h1{
	font-family: 					'Open Sans', sans-serif;
	font-weight:					300;
    text-transform: 				uppercase;
    letter-spacing: 				0.1em;
    color: 							#ffffff;
    line-height: 					1.1;
    font-size:						70px;
}

hr{
	display: 						block;
	content:						"";
	width:							140px;
	height:							0px;
	margin:							40px 0px 40px 0px;
	background:						#FFF;
}

p{
	color:							#e7e7e7;
	font-family: 					'Lato', sans-serif;
	font-weight:					300;
	letter-spacing: 				2px;
	font-size:						11px;
	text-transform: 				uppercase;
	margin-bottom:					10px;
}

.section-wrap{	
	position: 						absolute;
	left:							0;
	right:							0;
	top:							120px;
	bottom:							120px;
}

.tb{
	display:						table;
	table-layout: 					fixed;
	width:							100%;
	height:							100%;
}

.tb-cell{
	display:						table-cell;
	vertical-align: 				middle;
	margin:							0px;
	padding:						0px;
	width:							100%;
}
a{
	-webkit-transition: background 	0.4s ease;
	-moz-transition: background 	0.4s ease;
	-ms-transition: background 		0.4s ease;
	-o-transition: background 		0.4s ease;
	transition: background 			0.4s ease;
	cursor: 						hand;
}

a:hover{
	color:							#025484;
	text-decoration: 				none;
	-webkit-transition: background 	0.4s ease;
	-moz-transition: background 	0.4s ease;
	-ms-transition: background 		0.4s ease;
	-o-transition: background 		0.4s ease;
	transition: background 			0.4s ease;


}

.button{
	display:						inline-block;
	line-height:					1.5;
	padding:						8px 20px;
	border-radius: 					0;
	font-size:						9px;
	text-transform: 				uppercase;
	letter-spacing: 				2px;
	font-family: 					'Lato', sans-serif;
	border:							1px solid #e7e7e7;
	color:							#e7e7e7;
	margin-right:					20px;
	background-color:				transparent;
	-webkit-transition: 			background 0.4s ease;
	-moz-transition: 				background 0.4s ease;
	-ms-transition: 				background 0.4s ease;
	-o-transition: 					background 0.4s ease;
	transition: 					background 0.4s ease;
}

.button:hover{
	background-color: 				#FFF;
	-webkit-transition: 			background 0.4s ease;
	-moz-transition: 				background 0.4s ease;
	-ms-transition: 				background 0.4s ease;
	-o-transition: 					background 0.4s ease;
	transition: 					background 0.4s ease;
}