html, body{
	background: url('../img/bg.jpg') center no-repeat;
	height: 100%;
	background-size: cover;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	
}
p{
	font-size: 1.2em;
}

#logo img{

	padding-top: 50px;
}

#contact{
	text-align: center;
}

h3.intro{
	 color: #6d6e71;
	 text-transform: uppercase;
	 font-family: 'Lato', sans-serif;
}

#contact p{
 color: #6d6e71;
 font-family: 'Lato', sans-serif;
}

span.italic{
 font-family: 'Lato', sans-serif;
 font-style: italic;
}

.blue-band{
	background-color: #62bfd0;
	width: 100%;
	height: 50px;
}
span.blue{

	color: #62bfd0;
	font-weight: 700;
}

.box{
	background-color: rgba(255, 255, 255, .75);
	width: 60%;
	min-width: 320px;
	margin: 50px auto;
	border-radius: 20px;
	box-shadow: 5px 5px 20px  #999;
	padding-bottom: 40px;
}

.logo, .line{
	margin-bottom: 20px;
}

#signup{

	text-align: center;
	font-family: 'Lato', sans-serif;


}
.form-control{
	font-family: 'Lato', sans-serif;
}
#signup .form-inline{

	display: block;
	font-family: 'Lato', sans-serif;
}

#signup .btn{
	background-color: #62bfd0;
	color: #fff;
	font-family: 'Lato', sans-serif;
}

#signup .btn:hover{
	background-color: #49909d;

}

.message{
	padding-top: 15px;
	font-family: 'Lato', sans-serif;
	color: #62bfd0;
}

@media(max-width: 768px){
#logo img {
width: 70%;
padding-top: 30px;
}

h3.intro{
font-size: 1.3em;
}

p{
	font-size: 1em;
}

.btn{

	margin-top: 20px;

}
}