.main-grid--homepage {
	padding-top: var(--padding4);
	padding-bottom: var(--padding4);
	grid-template-areas: 
		"home-content home-content home-content home-content"
		"home-aside home-aside home-aside home-aside"
	;
	@media screen and (min-width: 35em) {
		grid-template-areas: "home-content home-content home-content home-content home-content home-aside home-aside home-aside";
	}
	@media screen and (min-width: 50em) {
		grid-template-areas: "home-content home-content home-content home-content home-aside home-aside home-aside home-aside home-aside home-aside home-aside home-aside";
	}
}

.main-content {
	grid-area: home-content;
	hanging-punctuation: first last;
}

.main-grid--homepage aside {
	grid-area: home-aside;
	& img {
		width: 100%;
		height: auto;
	}
}