/* Variables */

:root {
	--primary: #ba1c1d;
  --dark: #2d2d2d;
}

/* Utilities */

body {
	color: var(--dark);
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
}

/* Logo */

.logo {
	max-width: 13rem;
}

/* Layout */

.intro {
	padding-top: 3rem;
}

.lead {
	font-size: 1.65rem;
	line-height: 2.5rem;
}

.highlight {
	color: var(--primary);
}

.keyword {
	font-size: calc(1.5rem + 4vw);
	font-family: 'Frank Ruhl Libre', serif;
	letter-spacing: .25rem;
}

/* Responsive */

@media (min-width: 768px) {

	.intro {
		padding-top: 10rem;
	}

}