/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: var(--font-weight-semi-bold);
	line-height: var(--line-height-heading);
	color: var(--color-contrast);
	margin-top: 0;
	margin-bottom: var(--spacing-gap);
}

h1 {
	font-size: var(--font-size-x-large);
}

h2 {
	/*font-size: var(--font-size-x-large);*/
}

h3 {
	/*font-size: var(--font-size-large);*/
}

h4 {
	/*font-size: var(--font-size-medium);*/
}

h5,
h6 {
	font-size: var(--font-size-small);
}

p {
	margin-top: 0;
	margin-bottom: var(--spacing-gap);
}

.entry-title {
	margin-bottom: 0.8em;
	font-size: 2em;
	color: var(--color-contrast);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	padding-top: 0.8em;
}

@media (min-width: 768px) {
	.entry-title {
		font-size: 3em;
	}
}