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

h1 {
	@include font(x4-large, 65, 700);
	color: palette(primary);
}

h2 {
	@include font(x2-large, 43, 400);
	color: palette(primary);
}

h3 {
	@include font(large, 34, 400);
	color: palette(primary);
}

h4 {
	@include font(mid, 28, 400); 
	color: palette(primary);
}

h5 {
	@include font(x-small, 22, 500);
	color: palette(primary);
	text-transform: uppercase;
}

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