#wrapper {

}

#logo {
	max-width: 50%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#mail {
	color: #202020;
	font-family: 'Comfortaa', cursive;
	text-decoration: none;
	font-size: 1em;
	
	position: absolute;
	margin: 2% 3%;
	right: 0;
	bottom: 0;

	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: text-shadow 0.6s ease;
	-webkit-transition: text-shadow 0.6s ease;
}

#mail:hover {
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.45);
    transition: text-shadow 0.4s both;
    -webkit-transition: text-shadow 0.4s both;
}

@media (max-width: 900px) {

	#logo {
		max-width: 70%;
	}

	#mail {
		font-size: 0.7em;
}


@media (max-width: 600px) {

	#logo {
		max-width: 80%;
	}

	#mail {
		font-size: 0.6em;
}