html {
	width: 100%;
	height: 100%;
	background: #000000;
	background: -webkit-gradient(linear, left top, right top, from(#000000), to(#434343));
	background: -webkit-linear-gradient(left, #000000, #434343);
	background: -o-linear-gradient(left, #000000, #434343);
	background: linear-gradient(to right, #000000, #434343);
	background: url("../img/bg.jpg") no-repeat center center fixed;
	background-size: cover;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	overflow: hidden;
	margin: 0;
}

body {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
}

.logo {
	max-height: 30vh;
	max-width: 30vw
}

p {
	color: #fff;
	font-weight: 300;
	text-align: center;
	font-size: 2.5vw;
	font-family: 'Roboto', sans-serif;
} 

p a {
	font-weight: 500;
}

a {
  color: inherit;
  font-weight: 500;
  font-family: inherit;
  text-decoration: underline;
}

footer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: fixed;
	left: 0;
	bottom: 5vh;
}

footer .logo--group {
	opacity: .4;
	max-width: 10vw;
	max-height: 10vh;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

footer .logo--group:hover {
	opacity: 1;
}