html { 
  background: url(../img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	text-align: center;
	font-family: Rokkitt;
	color: #fff;
	font-size: 20px;
}
.logo {
	margin-top: 50px;
}
h1 {
	font-family: Rokkitt;
	color: #33b6e7;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: .05em;
	margin-top: 10px;
	margin-bottom: 25px;
}
h2 {
	margin-top: 40px;
	font-family: Rokkitt;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .05em;
}
h3 {
	margin-top: 80px;
	margin-bottom: 20px;
	font-family: Rokkitt;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .05em;
}
a, a:visited {
	color: rgba(51,182,231,1.0);
	text-decoration: none;
}
a:hover {
	color: #fff;
}
form {
	margin-top: 10px;
}
input {
	padding: 20px 30px;
	border: none;
	background-color:rgba(100,100,100,0.75);
	color: #fff;
	font-family: Rokkitt;
	font-size: 30px;
	width: 300px;
	font-weight: normal;
	letter-spacing: .05em;
}
button {
	-webkit-transition: all .2s ease-in-out;
 	-moz-transition: all .2s ease-in-out;
 	-o-transition: all .2s ease-in-out;
 	transition: all .2s ease-in-out;
	padding: 20px 30px;
	border: none;
	background-color:rgba(51,182,231,0.75);
	color: #fff;
	font-family: Rokkitt;
	font-size: 30px;
	cursor: pointer;
	font-weight: normal;
	letter-spacing: .05em;
	text-transform: uppercase;
}
button:hover {
	-webkit-transition: all .3s ease-in-out;
 	-moz-transition: all .3s ease-in-out;
 	-o-transition: all .3s ease-in-out;
 	transition: all .3s ease-in-out;
 	background-color:rgba(255,80,45,0.75);
 	color: #fff;
}