@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
	font-family: Lato;
	font-size: 18px;
	font-weight: 300;
	color: white;
}

.main {
	text-align: center;
	display: block;
	margin: 5vh auto;
	padding: 10px 30px;
	width: 800px;
	background-color: rgba(1,1,1,.6);
}

.main h1 {
	font-size: 50px;
	text-shadow: 3px 2px black;
}

input[type=text] {
	text-align: center;
	font-size: 30px;
	display: block;
	margin: 30px auto;
	width: 40%;
	height: 50px;
}

.btn {
	padding: 10px 40px;
	font-size: 24px;
}

small {
    display: block;
    text-align: center;
}

p:first-of-type {
	margin-top: 10px;
}

p:nth-of-type(2) {
	text-align: justify;
	margin: 20px 0;
}

.circle {
	font-size: 40px;
	padding: 5px 0;
	display: inline-block;
	margin: 10px;
	position: relative;
	background-color: #4B96D0;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}

@media (max-width: 768px) { 
	.main {
		width: 90%; 
	}
}