@font-face {
	font-family: AndaleMono;
	src: url(andale_mono.ttf);
}

@font-face {
	font-family: Gabriola;
	src: url(gabriola.ttf);
}

body {
	margin: 0;
	font-family: AndaleMono, serif;
	background-color:  #000000;
	text-align: center;
	position: relative;
	min-height: 100vh;
	background-image: url("../images/MinneapolisLanding.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

div {
	display: block;
	position: absolute;
	width: 100%;
	top: 40%;
}

h1 {
	position: relative;
	width: 80%;
	left: 10%;
	margin-bottom: 2%;
}

a {
	display: block;
	width: 100%;
}

img {
	display: block;
	width: 100%;
}

h2{
	color: #b9b9b9;
	font-family: Gabriola, cursive;
	font-size: 6vw;
	text-shadow: -1px 1px 0 #000000, 1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;
	padding: 0 .25vw;
	letter-spacing: 3px;
}


/*DESKTOP VIEW START*/
@media screen and (min-width: 720px) {

	h1 {
		width: 50%;
		left: 25%;
		margin-bottom: 1%;
	}

	h2 span {
		font-size: 3.5vw;
	}
}
/*DESKTOP VIEW END*/