#gallery {
    width: 100%;

	display: flex;
    gap: 20px;
}

@media screen and (width <= 900px) {
    #gallery {
        margin-top: 20px;
        flex-direction: column;
    }
}

.gallery-item {
	display: flex;
	flex-direction: column;
}

@media screen and (width <= 900px) {
    .gallery-item {
    }
}

.headshot {
	width: 100%;
    max-width: 300px;
}

.name {
	font-size: 20px;
	font-family: roboto-medium;
	margin-top: 10px;
}

.title {
	font-size: 16px;
	margin-top: 3px;
}

.biography {
	margin-top: 15px;
}