@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);
@import 'font-awesome.css';

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;

}
html,body{ 
	width:100%;
	height:100%;
	background:#aaa;
}

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

body{
 	font-family: 'Roboto', sans-serif;  
	font-size:16px; 
	font-weight: 300;
	color: #555;
	margin: 0;
	padding: 0;
}

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

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #222222;
}

.logo
{	
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
}

.logo h1
{
	position: relative;
	font-size: 3em;
	color: #fff;
}
.logo h2
{
	height: auto;
	font-weight: 300;
	font-size: 1.2em;
	letter-spacing: .575em;
	padding-left: 12px;
}

.social
{
    padding: 5px 0 0 290px;
    text-decoration: none;

}
.social li
{
    display: inline-block;
    font-size: 1.3em;
    margin: 0px 10px;
}
a:link
{
	color: #86898D;
	text-decoration: none;
}
a:visited
{
	color: #86898D;
	text-decoration: none;
}
a:hover
{
	color: #eee;
}


@media only screen and (max-width: 480px) {
  
 	.logo h1
	{		
		font-size: 2em;		
	}
	.logo h2
	{
		font-size: .8em;
		padding-left: 9px;
	}
	.social
	{
	    padding: 2px 0 0 160px;
	}
}
@media only screen and (max-width: 290px) {
	.social
	{
	    padding: 5px 0 0 0;
	}
}