html, body {
	width: 100%;
	height: 100%;
	color: #FFF;
	font-family: 'Halant', serif;
	font-weight: 200;
	font-size: 18px;
}

body {
	background-image: url(/img/html-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

h1, h2, h3 {
	margin: 10px 0;
}

h2 {
	font-family: 'Lato', sans-serif;
	margin-bottom: 25px;
	font-weight: 300;
	letter-spacing: 4px;
	text-shadow: 2px 2px 0 #000;
	font-size: 52px;
}

h3 {
	font-weight: 300;
}

.btn {
	padding: 8px 32px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	text-transform: uppercase;
}

img.logo {
	margin: 15px 30px;
}
.gray-bg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	background-color: rgba(0,0,0,.6);
	padding: 15px 40px;
	border: thin solid rgba(255,255,255,.2);
	border-radius: 4px;
	text-align: center;
	-webkit-transform: translate3d(-50%,-60%,0);
          transform: translate3d(-50%,-60%,0);
}

footer {
	text-align: center;
	position: absolute;
	bottom: 5px;
	color: white;
	width: 100%;
}