body {
	background: #000;
	color: #fff;
}


@keyframes fadeIn {
	from {top: 20%; opacity: 0;}
	to {top: 100; opacity: 1;}
	
}

@-webkit-keyframes fadeIn {
	from {top: 20%; opacity: 0;}
	to {top: 100; opacity: 1;}
	
}

.wrapper {
	position: absolute;
	width: 90%;
	max-width: 1100px;
	left: 50%;
	top: 46%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	animation: fadeIn 1000ms ease;
	-webkit-animation: fadeIn 1000ms ease;
	text-align: center;
}

.logo {
	width: 100%;
	max-width: 500px;
	height: auto;
}

h1 {
    font-family: 'Albert Sans', sans-serif;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 30px;
}

.accent {
	color: #18dcd7;
}

p {
    font-family: 'Albert Sans', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
    text-align: center;
    margin: 0;
}


@media screen and (max-width: 690px) {
	h1 {
		font-size: 24px;
		line-height: 1.4;
	}
	p {
		font-size: 16px;
		line-height: 1.4;
	}
}