@media (max-width: 35em) {
	.burger {
		display: block;
		position: absolute;
		z-index: 9999;
		top: 1.5rem;
		right: 1rem;
	}

	header {
		background: url(../img/sebastian2.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.nav-links {
		position: fixed;
		inset: 0 0 0 30%;
		display: flex;
		flex-direction: column;
		padding: min(30vh, 10rem) 2em;
		background: hsl(0 0% 100% / 0.7);
		backdrop-filter: blur(1rem);
		transform: translateX(100%);
		transition: transform 350ms ease-out;
	}

	.burger.active .bar:nth-child(2) {
		opacity: 0;
	}

	.burger.active .bar:nth-child(1) {
		transform: rotate(45deg) translateY(10px);
	}

	.burger.active .bar:nth-child(3) {
		transform: rotate(-45deg) translateY(-10px);
	}

	.nav-links.active {
		transform: translateX(0%);
	}

	.home__description {
		padding: 0 1em;
	}

	.about__heading {
		text-align: center;
		padding: 1em 0;
	}

	.about__description {
		text-align: center;
		padding: 0 1em;
	}

	.about__main,
	.businesses__main {
		padding: 0 1em;
	}

	.contact {
		padding: 1em;
		display: grid;
		gap: 2em;
	}

	.about__wrapper,
	.businesses__wrapper,
	.contact__wrapper,
	.footer__wrapper {
		grid-template-columns: 1fr;
		gap: 1em;
	}
}