Staff * {
	box-sizing: border-box;

}
	.Staff-items {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 20px;
		list-style: none;
		padding: 0;
	}

.StaffItem {
	margin-bottom: 20px;
	max-width: 100%;
	/* width: 400px; */
}
	.StaffItem-image {
		aspect-ratio: 1 / 1;
		background: var(--color--blue-medium);
		overflow: hidden;
		position: relative;
		width: 100%;
	}
		.StaffItem-image img {
			display: block;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
		}
	.StaffItem-name {
		font-size: 1.25rem;
		margin-bottom: 20px;
	}
	.StaffItem-meta {
		list-style: none;
		margin: 20px 0 0;
		padding: 0;
	}
		.StaffItem-meta a {
			/* color: var(--color--blue); */
			text-decoration: none;
		}
		.StaffItem-meta > * {
			height: 1.2em;
			line-height: 1.2em;
			margin-bottom: 10px;
			padding: 0;
		}
		.StaffItem-position {
			color: var(--color--blue-dark);
			font-size: 1.15rem;
			font-weight: 500;
			height: 2.4rem;
			margin-bottom: 15px;
			padding: 0;
		}
		.StaffItem-linkedin {
			line-height: 1.4em;
		}
		.linkedin-icon {
			background-color: var(--color--blue-medium);
			font-family: "dashicons";
			padding: 2px;
		}
			.linkedin-icon:before {
				color: white;
				content: "\f18d";
			}
	.StaffItem-about {
		list-style: none;
		padding: 0;
	}

.StaffAbout {

}
	.StaffAbout-bar {
		align-content: center;
		background: transparent;
		border: none;
		border-bottom: 1px solid var(--color--blue-dark);
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px;
		padding: 10px 0;
		width: 100%;
	}
		.StaffAbout-title {
			font-weight: normal;
			margin: 0;
		}
		.StaffAbout-icon {
			/* font-family: "dashicons"; */
			border: 1px solid var(--color--blue-dark);
			border-radius: 50%;
			font-size: 20px;
			height: 25px;
			position: relative;
			width: 25px;
		}
			.StaffAbout-icon:before {
				/* content: "\f502"; */
				content: "\002B";
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
	.StaffAbout-content {
		padding: 0;
	}
	.StaffAbout-contentWrap {
		padding: 20px 0;
	}
	.StaffAbout.is-open .StaffAbout-icon:before {
		/* content: "\f14f"; */
		content: "\2012";
		font-size: 20px;
		top: 49%;
	}

/* 208+350*6+20*5 = 2408 (switch to 5) */
@media (max-width: 2400px) {
	.Staff-items {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}
/* 208+350*5+20*4 = 2038 (switch to 4) */
@media (max-width: 2030px) {
	.Staff-items {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
/* 208+350*4+20*3 = 1668 (switch to 3) */
@media (max-width: 1660px) {
	.Staff-items {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
/* 208+350*3+20*2 = 1298 (switch to 2) */
@media (max-width: 1290px) {
	.Staff-items {
		grid-template-columns: 1fr 1fr;
	}
}
/* +350*2+20*1 = 928 (switch to 1) */
@media (max-width: 768px) {
	.Staff-items {
		grid-template-columns: 1fr;
	}
}
/* +350*1= 1998 * /
@media (max-width: 768px) {
	.Staff-items {
		grid-template-columns: 1fr;
	}
}
/* +350*5+10*4 = 1998 */