h1, h2, h3, h4, h5, h6 {
	margin: 0 0 $margin-default;
	line-height: 1.2;

	+ .intro {
		margin-top: -$margin-default;
	}
}

h1 {
	font-size: 3.5rem;
}

h2, .intro {
	font-size: 2.5rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.8rem;
}

h5 {
	font-size: 1.7rem;
}

h6 {
	font-size: 1.6rem;
	font-weight: normal;
}


@media only screen and (min-width: $b3) {

	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 $margin-default;

		+ .intro {
			margin-top: -$margin-default;
		}
	}

	h1 {
		font-size: 5rem;
	}

	h2, .intro {
		font-size: 3.5rem;
	}

	h3 {
		font-size: 2.5rem;
	}

	h4 {
		font-size: 2rem;
	}

	h5 {
		font-size: 1.8rem;
	}

	h6 {
		font-size: 1.6rem;
		font-weight: normal;
	}
}