.bg1{
	background-color: #f6f3e5;
	height: 23vh;
}
.bg2{
	padding-bottom: 96px;
	background-color: rgba(250, 250, 250, 1);
}
.bg2 .title{
	margin: 0;
	padding-top: 3%;
	font-size: 300%;
	visibility: hidden;
}
.bg2 hr{
	width: 5%;
	height: 3px;
	margin: 16px auto 56px;
	border: 0;
	background-color: black;
}
.team{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px 24px;
	text-align: center;
}
.member p{
	margin: 12px 0 0;
}
.member-photo{
	display: block;
	width: 216px;
	height: 216px;
	margin: 0 auto;
	outline: transparent solid 1px;
	border-radius: 50%;
	object-fit: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	visibility: hidden;
}
.member .name{
	margin-top: 20px;
	font-family: didot-w01-italic, serif;
	font-style: italic;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
.member-link{
	display: inline-block;
	margin-top: 12px;
}
.member-link img{
	display: block;
	width: 42px;
	height: 42px;
}
.zoomtitle,
.zoomimg{
	-webkit-animation: zoom 1.5s;
	animation: zoom 1.5s;
	visibility: visible !important;
}

@media (max-width: 1024px){
	.bg1{
		height: 24px;
	}
	.bg2{
		padding-bottom: 64px;
	}
	.bg2 .title{
		padding-top: 32px;
		font-size: 220%;
	}
	.bg2 hr{
		width: 12%;
		margin-bottom: 40px;
	}
	.member-photo{
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 767.98px){
	.team{
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}
	.member-photo{
		width: 180px;
		height: 180px;
	}
}