html {
 height: 100%;
}

body {
 height: 100%;
 margin: 0px;
 padding: 0px;
 background: #111111;
 -webkit-font-smoothing: antialiased;
}

a {
	text-decoration: none;
}

a:active {
	position: relative;
	outline: none;
	top: 1px;
}

div, p, h1, h2, h3, span, ul {
	margin: 0;
	padding: 0;
	display: block;
	font-family: "adelle-sans", Futura ;
	color: rgba(255,255,255, .9);
}


/* TEXT STYLES */

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 15px;
}

a.service-link {
	font-weight: 400;
	padding: 10px;
	color: rgba(255,255,255, .4);
}


/* SPLASH */

.splash {
	height: 100%;
	width: 100%;
	background: url(img/map.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
}

.centered-headline {
	position: absolute;
	top: 50%;
	margin-top: -75px;
	left: 0;
	width: 100%;
	text-align: center;
}


/* ANIMATION 


.bouncy {
  	opacity: 0;
	animation-name: fade;
	animation-delay: .5s;
    animation-duration: .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}


.fade {
	opacity: 0;
	animation-name: fade;
    animation-duration: .25s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fade {
    from   {opacity: 0;}
    to {opacity: 100;}
}

*/

/* RESPONSIVE */


@media screen and (max-width: 740px) {


}