h1 {
	font-size: $fz-1;
	font-weight: bold;
	text-transform: uppercase;
	color: $green-dark;

	@media($max-mobile-viewport) {
		font-size: $fz-2;
	}
}

h2 {
	font-size: $fz-2;
	font-weight: bold;
	@media($max-mobile-viewport) {
		font-size: $fz-3;
	}
}

h3 {
	font-size: $fz-3;
	text-transform: uppercase;
	font-weight: 600;

	@media($max-mobile-viewport) {
		font-size: $fz-4;
	}

	em {
		color: $green-dark;
		font-style: normal;
	}
}

h4 {
	font-size: $fz-4;
	font-weight: bold;
	color: $green;

	@media($max-mobile-viewport) {
		font-size: $fz-5;
	}
}

h5 {
	font-size: $fz-5;

	@media($max-mobile-viewport) {
		font-size: $fz-6;
	}
}

p {
	em {
		color: $green-dark;
		font-style: normal;
	}
}

%title {
	margin: 0;
}
