.staff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    margin: 25px 0;
}
	.staff div {
		display: grid;
		grid-template-rows: max-content max-content 1fr max-content;
		grid-gap: 5px;
		padding-bottom: 9px;
	}
	.staff img { 
		width: 150px;
		margin: auto;
		border-radius: 200px;
		box-shadow: 0 2px 6px 0px rgb(0 0 0 / 2%), 0 0 240px 0 rgb(39 102 149 / 20%);
	}
	.staff h3 {
		margin: 0;
		padding: 0;
		border: 0;
		text-align: center;
		font-size: 11pt;
		font-weight: 800;
		letter-spacing: 1px;
	}
	.staff p {
		padding: 0;
		font-size: 9pt;
		letter-spacing: 1px; 
		text-align: center;
	}
	@media only screen and (max-width:980px) {
		.staff {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
	@media only screen and (max-width:580px){
		.staff {
			grid-template-columns: 1fr 1fr;
		}
	}
	@media only screen and (max-width:380px){
		.staff {
			grid-template-columns: 1fr;
		}
	}

.BioStaff {
	display: grid;
	grid-gap: 30px;
}
	.BioStaff > div {
		background: #eaebed;
		padding: 30px 40px;
		border-radius: 15px;
	}
	.BioStaff > div > div {
		display: grid;
		grid-template-columns: min-content 1fr;
		gap: 40px;
		align-items: center;
	}
	.BioStaff img {
		width: 160px;
		height: 160px;
		border-radius: 50%;
	}
	.BioStaff h2 {
		color: #222;
		padding: 0;
		font-size: 16pt;
	}
	.BioStaff p {
		font-size: 11pt;
		color: #222;
	}