body {
	text-align: center;
}

main {
	padding: clamp(var(--spc-lg), 16vw, var(--spc-2xl)) ;
	border: solid thick var(--clr-brand-yellow);

	border-radius: 50%;
}

footer {
	padding: var(--spc-2xl);
}

.sm-logo {
	& img {
		width: 100%;
		max-width: 300px;
		min-width: 100px;
	}
}

.banner h1 {
	margin: 0;
}