body {
		margin: 0;
		}
		
	.wrapper {
		display: block;
		overflow: hidden;
	}
	h1{font-family: 'NeutrafaceText-Demi'; }
	
	h2, h3, p, ul, li { font-family: 'NeutrafaceText-Light';   }
	
	h2 {
		font-size: 32px;
    	font-weight: 700;
		}
		
	.margin-bottom {
		margin-bottom: 10% !important;}
	
	a:visited, a:link, a:hover {color: black !important; text-decoration: none !important; cursor: pointer !important;}
	a{text-decoration: none;}
	.wow {visibility: hidden;}
		
	.header {
		width: 100%;
		height: 100px;
		position: fixed;
		top: 0;
		z-index: 999;
		background: -webkit-linear-gradient(top, rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 100%);
		padding-top: 2.5%;
		}
		
	.logo img {
		display: block;
		width: 10%;
		/* margin: 0 auto; */
		position: fixed;
		/* margin-left: 45%; */
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		}
		
	button {
		outline: none;}

	.hamburger {
		position: fixed;
		right: 2.5%;}
		
	.container {
		width: 90%;
		margin: 0 5%;}
		
	.navigation {
		width: 20%;
		z-index: 998;
		position: fixed;
		background-color: rgba(255,255,255, 1);
		height: 100vh;
		display: none;
		vertical-align: top;
		right: 0;
		padding-right: 5%;
		border-left: 5px solid #fbf4f4;
	}
		

	.navigation ul {
		position: relative;
		list-style: none;
		transform: translateY(-50%);
		top: 45%;
		margin: 0; 
		padding: 0;
		}

	.navigation li {
   		line-height: 68px;
		font-size: 34px;
		font-family: 'NeutrafaceText-Demi'; 
		text-align: right;
		list-style-type: none;
		font-variant: small-caps;
		letter-spacing: 2px;
		text-decoration: none;
		color: black;
		}
	
	.navigation li a {text-decoration: none; color: black;}
		
	.overlay {
		background-color: white;
		opacity: 0;
		position: fixed;
		width: 100%;
		top: 0;
		height: 100vh;
		display: none;
		z-index: 997;
		}
	
	.nav-contact {
	    position: absolute;
		bottom: 5%;
		right: 15%;
		border-top: 1px solid #dfdfdf;
		padding: 5%;}
		
	.nav-contact p {
		text-align: right;
		font-size: 16px;
		letter-spacing: .5px;}
		
	.hero {
		width: 100%;
		height: 65vh;
		margin: 0 auto;
		display: block;
  		position: relative;
	}
	
	.hero::after{
		background: url('/hero.png');
		opacity: .85;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		  content: "";
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  position: absolute;
		  z-index: -1; }
	
	.hero h1 {
		font-variant: small-caps;
		font-size: 46px;
		font-weight: 800;
		font-family: 'NeutrafaceText-Demi';		
	}
	
	
	.left {
		float: left;
		width: 50%;
		height: 100%;}
		
	.left h1 {
		margin: auto;
		position: absolute;
		top: 0;
		left: 25%;
		bottom: 0;
		height: 35px;
		padding: 25px;	
		line-height: normal;
			}
		
	.right {
		float: right;
		width: 50%;
		height: 100%;}
		
	.right h1 {
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 25%;
		height: 35px;
		padding: 25px;
		line-height: normal;
			}
			
	.hero hr {
		border: 1px solid black;
		position: absolute;
		margin: 0 auto;
		top: 50%;
		left: 0;
		right: 0;
		display: block;
		width: 40%;
		}
		
		
	.blurb {
		margin: 5% auto 0;
		}
		
	.container .col-md-4 {	
		width: 26% !important; 
		}
			
	.blurb h1, h2 {
		text-align: center;
		margin: 0 auto;
		}
		
	.blurb, h1 {
		font-size: 12px;
		font-weight: 500;
		}
		
	.bio {
		height: 60%;
		border: 3px solid #f6f6f6;
		float: left;
		display: block;
		margin: 0 2%;
		padding: 25px;
	}
	
	.inner-bio {
		width: 100%;}
		
	.bio h1, .location-list h1 {
		font-size: 32px;
		font-weight: 600;
		font-variant: small-caps;
		letter-spacing: 3px;
		text-align: center;
		background-color: white;
		padding: 0 25px;
		}
		
	.production h1 {
		left: 20%;}
		
	.sales h1 {
		left: 32%;}
	
	.bio p {
		line-height: 26px;
		text-align: center;
		padding: 0 15px;
		font-size: 18px;}
		
	
#brands {
    display: block;
    width: 100%;
    	}

#brands h2 {
	margin-bottom: 10%;}
	
#inner-brands {
    width: 20%;
    float: left;
    padding: 2%;
	min-height: 100px;}
	
#brands img {    
    width: 75%;
    margin: 0 auto;
    display: block;
    }
    
.map {
    margin: 50px auto 0;
    background-image: url('/map.png');
    width: 100%;
    border: 3px solid #fbf4f4;
    background-color: white;
    background-size: 135%;
    background-position: 35% 27%;
	vertical-align: middle;
	}
	
.location-list {
    border: 3px solid #fbf4f4;
    width: 66%;
    display: block;
    background-color: white;
    margin: 12% auto;
    padding: 25px 0 50px;
    display: block;
    overflow: hidden;
	}
	
.location-list .col-md-4 {
	margin: 0 auto;}

.location-list {
	margin-bottom: 5%;}
	
#locations ul, .sub-header {
	list-style-type: none;
	font-family: 'NeutrafaceText-Demi' !important;
	line-height: 32px !important;
	font-size: 16px !important; 
	text-align: center;}
.sub-header {margin-top: 10px;}
#locations li {
	font-family: 'NeutrafaceText-Light';
	line-height: 200%;
    font-size: 20px;
	}
	
.hvr-grow {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  text-align: right;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
	
.footer {
	bottom: 0;
	width: 100%;
	}
	
.col-md-3 {
    width: 25%;
    height: auto;
}

.footer ul {
	list-style-type: none;
    margin: 5% auto 0;
    padding: 5%;}
	
.footer li {
	text-align: center;
    font-size: 20px;
    line-height: 46px;
    letter-spacing: .5px; }

.footer p {
	text-align: center;
	font-size: 14px; }
    	
.footer hr {    margin: 4% auto;
    /* margin-bottom: 20px; */
    border: 0;
    border-top: 2px solid #fbf4f4;
    width: 8%;}
.footer .fa {
	padding: 0 15px;}
.col-md-6 {padding-right: 0; padding-left: 0;}	

#contact ul h2 {
	font-family: 'NeutrafaceText-Demi';
	letter-spacing: 1px;
	font-size: 24px; }

.map {margin-bottom: 10%;}

/* ---------------------------- MOBILE ------------------------------ */
@media only screen 
    and (min-device-width : 360px) and (max-device-width : 767px) {
    
    .logo img {width: 15% !important; padding-top:1%;}
    .hamburger {padding-top:3% !important;}
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 50px;}
    .navigation{
    	width: 100%;
    	padding-right: 0;}
    	
    .hero::after {
		background: url('/hero.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
    
    h2 {
		font-size: 62px;
	} 
	h1 {

		font-family: 'NeutrafaceText' !important;
	}
	
	.hero h1 {
		font-size: 64px;
		font-weight: 800;
		font-family: 'NeutrafaceText' !important;
		width: 75%;
	}
	
	.margin-bottom {
		margin-bottom: 20% !important;
	}

.blurb {
    margin: 20% auto 10%;
}

.margin-bottom {
    margin-bottom: 20% !important;
}
    .navigation li {
    	text-align: center;
    	font-size: 90px;
    	line-height: 180px;}
    	
    .nav-contact p {
		text-align: center;
		font-size: 52px;
		letter-spacing: .5px;
	}
	
	.nav-contact {
		position: absolute;
		bottom: 0;
		right: 0;
		border-top: 1px solid #dfdfdf;
		padding: 5%;
		left: 0;
	}
    	
    
	#inner-brands {
	    width: 45%;
    	min-height: 150px;}
	#brands img {width: 75%;}
	
	
	.map {
		height: 60%;
		margin: 10% auto;}
		
	#locations li {
		font-family: 'NeutrafaceText';
		line-height: 52px;
		font-size: 26px;
	}
	
	#locations ul, .sub-header {
		list-style-type: none;
		font-family: 'NeutrafaceText-Demi' !important;
		line-height: 60px !important;
		font-size: 20px !important;
		text-align: center;
	}
		
	
	.footer li {
		line-height: 100px;
		font-size: 44px;}
		
	h2{ font-size: 42px;}
	li, p {font-size: 36px;}
	.bio p {font-size: 32px; line-height: 52px;}
	.bio {
		margin-bottom: 50px;
	}   
	.hero{height: 45vh;}
	
	.container .col-md-4 {	
		width: 100% !important; 
		margin: 0 auto;
    	padding: 0;
		}
	
	#contact ul h2 {
		font-family: 'NeutrafaceText-Demi';
		letter-spacing: 1px;
		font-size: 40px;
	}

}