.intro{
	margin: 95px 0 85px;
	font-size: 24px;
	color: var(--black)
}
.intro h3{
	margin: 0 0 46px;
	font-size: 70px;
	font-weight: 800;
	color: var(--green);
}
.intro .feature{
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.intro .icon{
	font-size: 70px;
	color: var(--orange);
}
.intro .number{
	font-size: 50px;
	font-weight: 800;
	color: var(--green);
}
#intro-socials{
	margin-top: 36px;
}

@media( max-width: 1199px ){
	.intro{
		font-size: 20px;
	}
	.intro h3{
		margin: 0 0 30px;
		font-size: 60px;
	}
	.intro .number{
		font-size: 46px;
	}
	.intro .feature{
		font-size: 18px;
	}
}

@media( max-width: 767px ){
	.intro{
		font-size: 18px;
	}
	.intro h3{
		font-size: 48px;
	}
	.intro .icon{
		font-size: 50px;
	}
	.intro .feature{
		font-size: 14px;
	}
	.intro .number{
		font-size: 36px;
	}
}