@charset "UTF-8";
/* CSS Document */

html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

header {
	width: 100%;
	top: 0;
	padding: 1.5em;
	position: fixed;
	z-index: 1000;
}

body {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	color: #fff;
	font-size: 1vw;
	background-color:#9A9C73;
}


img.fit {
  max-width: 100%;
  max-height: 100%;
}

.hero {
	height: 31vw;
	background-color: #61663E;
}
.hero-content {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	color: #fff;
	position: relative;
	float: left;
	z-index: 20000;
	padding-top: 4em;
	width: 45%;
	text-align: center;
}

.host{
	background-color:#9A9C73;
	height:30vm
}

.trailer {
	float:right;
	margin-right: 3em;
	width: 50%	
}

.purchase {
	background-color:#9A9C73;
	height:55vm
}

.spread{
	background-color:#9A9C73;
	height:100vm
}
.techornate-social-buttons ul{padding-left:10em; padding-right: 10em; list-style:none;BACKGROUND-COLOR:#9A9C73}
.techornate-social-buttons li a{text-transform:uppercase;text-decoration:none;padding:10px 1px 10px 10px;letter-spacing:2px;font-size:10px;color:#fff;display:block;border-radius:3px}
.techornate-social-buttons ul li{margin-bottom:10px;width:100%}
.techornate-social-buttons li a i{width:35px;height:14px;float:right;padding:0 0 0 10px;margin:0;font-size:14px;line-height:14px;border-left:1px solid #B1B1B1}
.techornate-social-buttons li a.social-btn-facebook{background:#3b5998}
.techornate-social-buttons li a.social-btn-twitter{background:#1da1f2}
.techornate-social-buttons li a.social-btn-email{background:#cd201f}

footer{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
letter-spacing: 0.18em;
	height: 5em;
	margin-up:5em;
	padding-right: 5em;
	padding-bottom: 3em;
	background-color: #61663E;

}

h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.7em;
	margin-left: 1em;
	letter-spacing: 0.15em;
	line-height: 1.5em;
}

h2 {font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	line-height: 2.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: .18em;
	padding-left: 2em;
	padd-right: 2em;
}

h3{color: #fff;
	text-transform: uppercase;
	font-size: 2.5em;
	letter-spacing: 0.12em;
	line-height: 1.5em;
	font-weight: 100;
	margin-left:1.2em
}

h4{
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.6em;
	font-weight: 500;
	line-height: 2.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: .2em;
	padding-left: 2em;
	padd-right: 2em;
}

h5 {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 100;
	font-size: 1em;
	line-height: 2.2em;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	letter-spacing: .2em;
	padding left: 2em;
	padding-right: 2em;
	float:right
}



#morebutton {
	width: 300px;
	border: 2px solid #61663E;
	color:#333;
	background-color: #e6e6e6;
	padding: 10px;
	text-align: center;
	font-size: 1.7em;
	line-height: 1.5em;
	color: #61663E;
	letter-spacing: .03em;
	font-style: bold;
	font-weight: 500;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 10px auto;
	transition: background-color, color 0.5s ease 0;
	Margin-up:0px;
	margin-bottom: 15px
}

#morebutton:hover {
	color: #eee;
	background-color: #333;
}