@media screen and (max-width: 870px) {
	.site-title a {
		height: 100%;
	}

	.site-title h1 {
		box-sizing: border-box;
		font-size: 29px;
		height: 100%;
		padding-top: 21px;
		padding-left: var(--padding-x);
	}

	.home-intro {
		font-size: 25px;
	}

	.home-menu-grid a {
		font-size: 25px;
	}
}

@media screen and (max-width: 550px) {
	body {
		grid-template-rows: 76px auto 20px;
	}

	.bottom-marquee {
		font-size: 15px;
		padding: 2px 0;
	}

	.top-marquee {
		display: none;
	}

	.site-title a {
		width: 274px;
	}

	.site-title h1 {
		font-size: 23px;
		padding-top: 12px;
	}

	.home-intro {
		font-size: 22px;
	}

	.home-menu-grid {
		grid-template-columns: 1fr 1fr;
	}

	.home-menu-grid a {
		font-size: 20px;
		min-height: 150px;
	}

	.logos img {
		width: 27%;
		height: auto;
	}
}