@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

body{
width: 100%;
max-width: 3000px;
background:#121010;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

#hero{}

#vert-hero{
	width: 100vw;
}

#hori-hero{
	width: 100%;
	display: none;
}

#hero p{
	margin: -40px 0 20px 2vw;
	font-size: .8em;
	text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;
}

.vert-only{}
.hori-only{display: none;}

#lettering h1{font-family: "Homemade Apple"; font-size: 2.8vw;}
#lettering h2{font-family: "Spirax"; font-size: 12vw;}
#lettering p{font-family: "Open Sans"; font-size: 1.8vw; margin-top: 9vw;}

#navBar{
	text-align: center;
		width: 100vw;
}

#logo{
	width: 25vw;
	margin-top: -5vw;
}

.section{
	width: 90vw;
	margin-left: 5vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
}

.section h1{
	color: #988D7D;
	font-size: 1.7em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 2vw;
}

.section p{
	color: #988D7D;
	font-size: 1em;
	font-weight: 200;
	text-align: justify;
	line-height: 1.2em;
}


#lettering{
position: absolute;
color:#B70E13;
color:#F0E4D6;
opacity: 1;
padding: 3.4vw;
text-align: center;
text-shadow: 1px 0px 30px #B70E13;
}



footer {
height: 40px;
width: 100%;
color:#C8B7AF;
text-decoration: none;
font-weight: 100;
background:#121010;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
text-align: center;
padding-top: 20px;
}

footer a{
color:#988D7D;
text-decoration: none;
font-weight: 200;
padding: 0 20px;
}

@media (min-aspect-ratio: 3/5) {
  #vert-hero {
    display: none;
  }
	#hori-hero{
		display: block;
	}
	.vert-only{display: none;}
	.hori-only{display: block;}
}

@media (max-width: 299px) {
  #lettering {padding: 12vw; }
  #lettering h1{font-size: 8vw;}
#lettering h2{font-size: 30vw;}
#lettering h3{font-size: 5vw; margin-top: 25vw;}
}