h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0;
	font-family: $font__alt;
	color: $color__text-headings;
	line-height: 1.2;
}

h1 {
	@include font-size(2.15);
}
h2 {
	@include font-size(2);
}
h3 {
	@include font-size(1.8);
}
h4 {
	@include font-size(1.6);
}
h5 {
	@include font-size(1.4);
}
h6 {
	@include font-size(1.2);
}

@media (max-width: 767px) {
	h1 {
		@include font-size(1.8);
	}
	h2 {
		@include font-size(1.6);
	}
	h3 {
		@include font-size(1.4);
	}
	h4 {
		@include font-size(1.2);
	}
	h5 {
		@include font-size(1.1);
	}
	h6 {
		@include font-size(1);
	}
}