* {
	font-family: var(--ff-sans);
}

.wrapper {
	--max-width: 1110px;
	--padding: 1rem;

	width: min(var(--max-width), 100% - var(--padding) * 2);
	margin-inline: auto;
	/* background-color: var(--clr-background-100); */
}

/* spacing behind nav */

.spacing {
	height: 4.5rem;
	/* background-color: aqua; */
	background-color: var(--clr-background-0);
}

@media only screen and (max-width: 1280px) {
	.spacing {
		height: 3.5rem;
	}
}