body{
	background-color:#F7F4EA;
	margin:0;
}
p, small{
	font-family: 'Archivo', sans-serif;
}

h1, h2, h3, a{
	font-family: 'Archivo Black', sans-serif;
	font-weight: normal;
}

.header{
	margin-top:30px;
}
.main{
	
}
footer{
	width:100%;
	position: absolute;
    bottom: 29px;
}
footer small{
	color:#231138;
	font-size:11px;
	line-height:11px;
}

.content-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:center;
	/*padding-right:160px;*/
	padding:40px 160px 40px 0;
}
.content-wrapper .content{
}
.main h1{
	letter-spacing: -2.25px;
	font-size:90px;
	line-height:90px;
	color:#231138;
	margin:0 0 20px;
}
.main h1 .green{
	color:#23CC6B;
}
.main p{
	font-size:20px;
	line-height:24px;
	color:#231138;
	margin-bottom:30px;
}
.wrapper{
	max-width:1400px;
	margin:0 auto;
	padding:0 40px;
}
.flex{
	display:flex;
}
.flex .col{
	flex:1;
}
.cta-button{
	display:inline-block;
	color:#231138;
	letter-spacing: -0.5px;
	border: 6px solid #231138;
	padding:5px 10px;
	font-weight:800;
	font-size:20px;
	line-height:24px;
	text-decoration:none;
}
.logo{
	width:160px;
	margin-top:20px;

}
.hero{
	width:100%;
	max-width:100%;
}



@media screen and (max-width: 1100px) {
	.mob-hide{
		display:none;
	}
	.content-wrapper{
		padding:40px 0;
	}
	.main.flex{
		flex-direction:column;
	}
	
	.hero{
		width:300px;
		max-width:100%;
		margin:0 auto;
	}
	aside{
		display:flex;
	}
	.wrapper{
		padding:0 25px;
	}
	.main h1{
		font-size:56px;
		line-height:56px;
	}
}

@media screen and (max-width: 600px) {
	footer{
		position:relative;
		bottom:0;
		margin:40px 0 20px;
	}
}
@media screen and (min-width: 600px)  and (max-height: 720px){
	footer{
		position:relative;
		bottom:0;
		margin:40px 0 20px;
	}
}
@media screen and (max-width: 400px) {
	.hero{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
}