@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic&subset=latin,latin-ext);

html{
	position:fixed;
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	background: url('../img/bg.jpg') no-repeat;
	background-size:cover;
	backroung-position: 50% 50%;
}
h1{
	font-weight:200;
	color:white;
	font-size:72px;
	font-style:italic;
	margin:0;
}
h2{
	font-weight:200;
	color:white;
	font-size:40px;
	font-style:italic;
	margin:0;
}
p{
	color:white;
	font-weight:300;
	font-size:18px;
}
a:link, a:hover, a:active, a:visited{
	color:white;
}
a:hover{
	text-decoration:none;
}
.content{
	background-color: rgba(64, 190, 94, 0.6);
	padding:2%;
	position:fixed;
	width:60%;
	right:0;
	top:30%;
}
.logo-wrap{
	position:fixed;
	bottom:20px;
	width:100%;
	text-align:center;
}
.logo-wrap img{
	margin:0 auto;
	position:block;
}
@media (max-width: 640px) {
	.content{
		width:100%;
		top:10%;
		box-sizing:border-box;
	}
	h1, h2, p{
		text-align:center;
	}
}