/* Resets */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
img,svg{display:block;max-width:100%;border:none; outline:none;}

body {
	background-color: #222;
	color: #777;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
	flex-direction: column;
}

/* Typography */
h1 {
	margin: 0;
}
p {
	margin: 0 0 3em;
}
.logo {
	margin-bottom:.5em;
	transition: all 1s ease-in-out;
	height: auto;
}

/* Responsive Design */
@media (min-width: 760px) {
	p {
		font-size: 1.2em;
	}
	.logo {
		width: 420px;
		margin-bottom: 1em
	}
}

@media (min-width: 1024px) {
	.logo {
		width: 512px;
	}
}