/* ------------------------------------------------------------------
Project: David Ryan - Coming Soon
Version: 1.0
------------------------------------------------------------------ */

@import url("http://fonts.googleapis.com/css?family=Dosis");

/* ------------------------------------------------------------------
General Styles
------------------------------------------------------------------ */
body {
	margin: 0;
	font-family: "Dosis", sans-serif;
}
.hero {
	position: absolute;
	top: 0;
	z-index: -100;
	height: 100vh;
	overflow: hidden;
}

@media screen and (orientation: landscape) {
  .hero > img {
    width: 100vw;
    height: auto;
  }
}

@media screen and (orientation: portrait) {
  .hero > img {
	width: auto;
	height: 100%;
  }
}
.wrapper {
    display: table;
    height: 100vh;
    width: 100%;
    text-align: center;
}
.info {
	display: table-cell;
	vertical-align: middle;
	height: 100vh;
}
h1 {
	font-weight: 500;
	letter-spacing: 50px;
	text-transform: uppercase;
}
h2 {
	letter-spacing: 4px;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 900;
	margin: 40px 0;
}
h3 {
	letter-spacing: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 200;
}
p {
	letter-spacing: 1px;
	font-size: 18px;
}
p > span {
	text-transform: uppercase;
	font-weight: 600;
}
p > span > a {
	text-decoration: none;
	color: black;
}
p > span > a:hover {
	text-decoration: underline;
}
p > span > a:visited {
	color: black;
}