h1, h2, h3, h4{
	@include font-family(primary);
}

h1 {
	@include font(x3-large, 56, semi-bold);
}

h2 {
	@include font(x2-large, 42, semi-bold);
}

h3 {
	@include font(large, 36, extra-bold);
	text-transform: uppercase;
}

h4 {
	@include font(mid-large, 34, regular);
}

@include mq($max: m) {
	h1 {
		@include font-size(x-large);
	}

	h2 {
		@include font-size(large);
	}

	h3 {
		@include font-size(mid-large);
	}

	h4 {
		@include font-size(mid);
	}
}

//
//h4 {
//	@include font(mid, 28, 400);
//}
//
//h5 {
//	@include font(x-small, 22, 500);
//	text-transform: uppercase;
//}