body{
	background: #000;
	font-family: "Dosis", sans-serif;
	width: 100%;
	background-image: url(bg.png);
	background-size: cover;
	background-position: center;
}

.main{
	margin: auto;
	display: block;
}

.main h3, .main h4{
	text-align: center;
	color: white;
	font-weight: 100;
}

.main h3 span{
	color: #1cb4e4;
}

.main .logo{
	margin: 0% 15%;
	max-width: 70%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

@media(max-width: 1366px) {
  .main h3{
	font-size: 2em;
  }
  .main h4{
	font-size: 1.3em;
  }
  .main .logo{
  	max-width: 60%;
  	margin: 0% 20%;
  }
  .links{
  	width: 60%;
  }
}

@media(max-width: 640px) {
  .main h3{
	font-size: 1.5em;
  }
  .main h4{
	font-size: 1em;
	margin: 0% 5%;
  }
  .main .logo{
  	max-width: 80%;
  	margin: 0% 10%;
  }
  .links{
  	width: 80%;
  }
}

.main h3{
	margin-bottom: 5px;
	margin-top: 10px;
}

.main h4{
	margin-bottom: 5px;
	margin-top: 10px;
	/*color: #1cb4e4;*/
}

.links{
	display: block;
	margin: auto;
	margin-top: 40px;
	text-align: center;
}

.links a{
	display: inline-block;
	background-color: white;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-decoration: none;
	height: 100px;
	width: 100px;

	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s; /* Safari */
    transition: background-color 0.3s;
}

.links a img{
	margin: auto;
	display: block;
}

.links a:hover{
	/*background-color: #dedede;
	background-color: rgba(28,180,228,0.1);*/
	background-color: #a2dcee;
}

.footer{
	position: absolute;
	width: 100%;
	bottom: 15px;
}

.footer h5{
	font-size: 0.9em;
	font-weight: 100;
	color: white;
	margin: 0px;
	text-align: center;
}