.team {
	padding-bottom: calc(var(--unit) * 3);
}

.team h1 {
	font-size: var(--f-head);
	letter-spacing: -2px;
	padding: calc(var(--unit) * 3) var(--unit) 0;
}

.team-entries {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: calc(var(--unit) * 2);
	padding: var(--unit);	
}

.member-image {
	display: block;
	width: 100%;
	padding-bottom: 100%;
}

.member h2 {
	margin-top: 5px;
}

@media screen and (max-width: 45rem) {
	.team h1 {
		font-size: calc(var(--f-size) * 1.45);
		letter-spacing: -1px;
		padding: calc(var(--unit) * 3) 15px 1rem;
	}
	.team-entries {
		padding: calc(var(--unit) / 2);
	}
}