.name {
	margin-top: var(--spacing);
}

.people-box {
	padding-top: calc(var(--spacing) * 3);
	padding-right: var(--spacing);
	padding-bottom: var(--spacing);
	padding-left: var(--spacing);
}

.mobile-img {
	display: block;
}

.person-box:not(.content-box-right) {
	min-height: 100vh;
}

.people-box p {
	padding-bottom: calc(var(--spacing) * 2);
	line-height: 1.3;
}

.people-box a {
	display: block;
	width: 100%;
	text-align: center;
}

.content-item img {
	object-fit: cover;
}

.title {
	margin-bottom: calc(var(--spacing) * 2);
}

.extra-pad {
	padding: calc(var(--spacing) * 2);
}

.extra-logo img {
	width: 140px;
	margin: 0 auto;
	padding-top: calc(var(--spacing) * 2);
}

@media only screen and (min-width: 768px) {  
	.people-box {
		padding-top: var(--spacing);
		padding-right: calc(var(--spacing) * 3);
		padding-bottom: var(--spacing);
		padding-left: calc(var(--spacing) * 3);
	}
	.mobile-img {
		display: none;
	}
	.extra-pad {
		padding: calc(var(--spacing) * 4);
	}
}
@media only screen and (min-width: 1170px) {
	.people-box {
		padding-left: calc(var(--spacing) * 4);
		padding-right: calc(var(--spacing) * 4);
	}
}