.about-hero{
	padding-bottom: 3rem;
}
.about-hero-photos{
	position: relative;
}
.about-hero-photo{
	width: 100%;
	aspect-ratio: 5/3;
	background-color: var(--c-extraLightBlue);
	border-radius: .75rem;
}
.about-hero-photo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.about-hero-icon{
	position: absolute;
	bottom: 20%;
	left: 50%;
	transform: translateX(-50%);
	opacity: .5;
	z-index: -1;
}
.team-section{
	padding: 3rem 0;
	background-color: var(--c-extraLightBlue);
}
.team-members{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.team-member{
	background-color: var(--c-white);
	border-radius: .75rem;
	text-align: center;
	padding: 1rem;
}
.team-member-photo{
	width: 100%;
	aspect-ratio: 5/6;
	border-radius: .75rem;
}
.team-member-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-member-name{
	font-size: 1.125rem;
}
.team-member-position{
	font-size: .875rem;
	font-weight: 500;
}


@media(min-width: 1024px){
	.about-hero{
		padding-bottom: 6rem;
	}
	.about-hero-block,
	.about-hero-photos{
		max-width: 64rem;
		margin-left: auto;
		margin-right: auto;
	}
	.team-section{
		padding: 6rem 0;
	}
	.team-info{
		max-width: 64rem;
		margin-left: auto;
		margin-right: auto;
	}
	.team-members{
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem;
	}
	.team-member{
		padding: 2rem;
	}
	.team-member-name{
		font-size: 2.25rem;
	}
	.team-member-position{
		font-size: 1.125rem;
	}
}