/* Typography
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

h1 {
	font-size: 4rem;
	font-weight: 800;
	line-height: 4.1875rem;
}

h2 {
	font-size: 2.75rem;
	font-weight: 800;
	line-height: 1.1;
}

h3 {
	font-size: 2.125rem;
	font-weight: 800;
	line-height: 2.625rem;
}

h4 {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.25rem;
}

h5 {
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 2rem;
}

h6 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.125rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.body-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}

.intro {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}

.caption {
    font-family: var(--font_secondary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.05rem;
}

@media (max-width: 600px) {
	h1 {
		line-height: 3.75rem;
	}
	h2 {
		line-height: 1;	
		font-size: 2.5rem;
	}
	h3 {
		line-height: 2.25rem;
		font-size: 2rem;
	}
	h4 {
		line-height: 2rem;
	}
	h5 {
		line-height: 1.8rem;
	}
	h6 {
		line-height: 1.0125rem;
	}
}