@font-face {
	font-family: 'Sequel-Neue';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/sequel-neue.woff2') format('woff2');
}

@font-face {
	font-family: 'Ainslie-Nor';
	font-style: normal;
	font-weight: 400;
	src: url('../../fonts/ainslienormregular.woff2') format('woff2');
}

@font-face {
	font-family: 'Ainslie-Nor';
	font-style: normal;
	font-weight: 500;
	src: url('../../fonts/ainslienormmedium.woff2') format('woff2');
}

strong,
b {
	font-weight: 500;
}

.heading,
.lead {
	font-family: Sequel-Neue, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

.heading {
	line-height: 1.2;
}

.heading small {
	display: block;
	font-size: 0.7em;
}

.heading-1 {
	font-size: 2.4rem;
}

.heading-2 {
	font-size: 1.9rem;
}

.heading-3 {
	font-size: 1.1rem;
}

.bigger {
	font-size: 1.375em;
	display: block;
}

.box {
	--shadow-shift: 10px;
	padding: 0.5em 1em;
	width: fit-content;
	max-width: calc(100% - var(--shadow-shift));
	background-color: white;
	color: var(--color-mid-green);
	margin-bottom: var(--shadow-shift);
	margin-left: var(--shadow-shift);
}

.box--article {
	box-shadow: var(--shadow-shift) var(--shadow-shift) 0px 0px var(--color-light-green);
}

.box--news {
	box-shadow: var(--shadow-shift) var(--shadow-shift) 0px 0px var(--color-orange);
}

.box--recipe {
	box-shadow: var(--shadow-shift) var(--shadow-shift) 0px 0px var(--color-yellow);
}

.lead {
	font-size: 1em;
}

.fs-4 {
	font: 400 1em Ainslie-Nor, sans-serif;
}

.fw-light {
	font-size: 1.25em !important;
	font-weight: 100;
}

.fw-medium {
	font-weight: 500;
}

.note {
	font-style: italic;
	font-size: smaller;
}

@media screen and (min-width: 768px) {

	.heading-1 {
		font-size: min(4vw, 3.75em);
	}

	.heading-2 {
		font-size: min(3.33vw, 3em);
	}

	.heading-3 {
		font-size: min(2vw, 1.75em);
	}
	
	.banner__content .heading-1 {
		width: 50%;
		min-width: 720px
	}

	.box {
		--shadow-shift: min(1vw, 16px);
		max-width: min(528px, 50%);
	}

	.lead {
		font-size: 2.625em;
	}

	.fs-4 {
		font-size: 1.25em;
	}

	.fw-light {
		font-size: 1.5em !important;
	}
}