html { -webkit-tap-highlight-color: rgba(0,0,0,0); }	
.font-white{
	color: #FFF
}
.font-black{
	color: #000
}
.font-dark-gray{
	color: #333
}
.font-thick{
	font-weight: 600;
}
.font-heavy{
	font-weight: 800;
}
.font-thin{
	font-weight: 300;
}
.font-9{
	font-size: 9px;
}
.font-10{
	font-size: 10px;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.desktop{
	display: block;
}
.iPad-and-down{
	display: none;
}
.mobile{
	display: none;
}
.space-small{
	height: 40px;
	width: 100%;
}
.space-large{
	height: 80px;
	width: 100%;
}
.space-xlarge{
	height: 200px;
	width: 100%;
}
.container-wrap-large{
	position: relative;
	margin: 0 auto;
	max-width: 1500px;
	width: 100%;
}
.container-wrap-small{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
.container-inner-wrap{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
}
.margin-large{
	margin-top: 60px;
	margin-bottom: 60px;
}
.hero-intro-wrap{
	width: 100%;
	max-width: 650px;
	position: relative;
	margin: 0 auto;
}
.hero-intro-wrap .hero-intro{
	position: relative;
	margin: 0 auto;
	max-width: calc(100% - 30px);
}
.hero-intro-wrap .hero-intro .title{
	color: #222;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
	padding: 30px 0 15px 0;
}
.hero-intro-wrap .hero-intro .intro{
	color: #555;
	font-size: 16px;
	line-height: 161%;
	text-align: center;
	padding: 15px 0 30px 0;
}


.parallax-bg{
    height: 40vw;
    max-height: 500px;
    min-height: 280px;
}
.parallax-title{
    font-size: 40px;
    color: #FFF;
}
@media screen and (max-width: 620px) {
	.desktop{
		display: none;
	}
	.iPad-and-down{
		display: block;
	}
	.mobile{
	   display: none;
	}
    
    .parallax-title{
        font-size: 35px;
    }
}

@media screen and (max-width: 480px) {

	.mobile{
		display: block;
	}
	.font-16-mobile{
		font-size: 16px;
	}
	.font-12-mobile{
		font-size: 12px;
	}
	.font-11-mobile{
		font-size: 11px;
	}
	.font-10-mobile{
		font-size: 10px;
	}
	
	
	.space-large{
		height: 40px;
		width: 100%;
	}
	.space-xlarge{
		height: 100px;
		width: 100%;
	}
    
    .parallax-title{
        font-size: 23px;
    }

	}