/* ==========================================
   Font family
========================================== */

body {
	font-family: var(--font-family);
}

/* ==========================================
   Headings
========================================== */

.h1 {
	font-size:64px;
	line-height:66px;
	font-weight:700;
	letter-spacing:-0.02em;
}

.h2 {
	font-size:36px;
	line-height:42px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.h3 {
	font-size:18px;
	line-height:28px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.04em;
}

.title {
	font-size: 1.6rem;
	line-height:34px;
	font-weight:600;
}

/* ==========================================
   Body
========================================== */

.body-lg {
	font-size:1.1rem;
	line-height:34px;
	font-weight:400;
}

.body {
	font-size: .9rem;
	line-height:20px;
	font-weight:400;
	letter-spacing:.04em;
}

.meta {
	font-size:.8rem;
	line-height:1rem;
	font-weight:300;
	letter-spacing: 0.3px;
}

/* ==========================================
   Label
========================================== */

.label-lg {
	font-size:20px;
	line-height:24px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.label {
	font-size:.75rem;
   text-transform:uppercase;
   letter-spacing:.12em;
}

/* ==========================================
   Utilities
========================================== */

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-light {
    color: var(--color-text-light);
}