section.hero{
	margin-top: 100px;
	margin-bottom: 80px;
	padding:0 20px;
	}
section.hero h1{
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 60px;
	margin-bottom: 12px;
	}
section.hero h2{
	text-align: center;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 26px;
	margin-bottom: 28px;
	}
section.hero .cta{
	display:block;
	margin:0 auto;
	text-align: center;
	width:200px;
	height:44px;
	background-color: var(--brand);
	color:var(--white);
	line-height: 44px;
	border-radius:3px;
	transition: .2s;
	font-size: 24px;
	padding:0 0 2px 0;
	margin-bottom: 6px;
	}
section.hero .cta:hover{
	background-color: var(--black);
	color:var(--white);
	text-decoration: none;
	}
	
section.hero p{
	text-align: center;
	font-size: 14px;
	color:var(--gray5);
	}
	
@media only screen and (min-width: 500px){
section.hero{
	margin-top: 100px;
	}
}

@media only screen and (min-width: 1024px){
section.features_signup{
display:none;	
	}
}