body {
	height: 100vh;
	display: grid;
	grid-template-rows: 1fr 2fr;
}

#intro {
	padding: 1rem;
}
#brands {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
#brands div {
	padding: 4vw;
	min-height: 300px;
	display: flex;
	align-items: center;
}
#brands a {
	position: relative;
	padding: 1px 2rem 2rem;
	flex-grow: 1;
}

@media (min-width: 1300px) {
	#brands div {
		padding: 6vw;
	}
}

#rainbow {
	grid-column-start: 1;
	grid-column-end: -1;
}