@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

/* Font Declarations */
@font-face {
  font-family: "Script";
  src:
	local("Script"),
	url("fonts/manic.otf") format("opentype"),
}

body {
	font-family: "Bricolage Grotesque", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}


h1, h3, h4, .h1, .h3, .h4  {
	width: 100%;
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 400;
}
h1 strong, .h1 strong {
	font-weight: 600;
}

.font-script {
	font-family: "Script", script, serif;
}
.content-area .copy-container p.copy-display {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 400;
}
#bbaa-how .copy-container p + p {
	font-family: "Script", script;
	font-size: 1.375rem;
	font-weight: 100;
}
#bbaa-nav .copy-container p + p {
	margin: 0.375rem auto 0.75rem;
	color: var(--fore-tertiary);
	font-family: "Script", script;
	font-size: 1.375rem;
	font-weight: 100;
}
@media (min-width: 1024px) {
	#bbaa-nav header h1 {
		font-size: 3.125rem;
	}
}