html, body {
	background:#f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
}

.wrapper {
	width: 500px;
	height: auto;
	margin:20vh auto 0 auto;
	display: block;
	border-radius: 2px;
}

.logo {
	display: block;
}

	.logo img {
		max-width: 100%;
		display: block;
	}

.text {
	display: block;
	margin:40px 10%;
	width: 80%;
	text-align: center;
}

	.text h1 {
		color:red;
	}
	
	.text h2 {
		font-family: "MuseoSans300";
		font-size: 1.5em;
		color:#0C3F4F;
		line-height: 1.6em;
	}
	
	.text hr {
		display: block;
		width: 100%;
		height: 1px;
		background:#c2c2c2;
		outline: none;
		border: none;
	}
	
	.text a {
		background:#25A6DE;
		color:#fff;
		font-family: "MuseoSans500";
		text-decoration: none;
		text-transform: uppercase;
		padding:.8em 1em;
		border-radius: 5px;
		transition:.2s all ease;
		display: inline-block;
		letter-spacing: 0.06em;
	}
	
	.text a:hover {
		background:#1284AE;
	}
	
@media only screen and (max-width : 600px) {
	.wrapper {
		width: 90%;
		margin-top:15vh;		
	}
}