.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid--halves {
	margin: -42px 0 0 -42px;
}

.grid--halves .grid-cell {
	padding: 42px 0 0 42px;
	flex: 0 0 50%;
}

@media(max-width: 700px) {
	.grid--halves {
		margin: -30px 0 0 -30px;
	}

	.grid--halves .grid-cell {
		padding: 30px 0 0 30px;
		flex: 0 0 100%;
	}	
}

.grid--thirds {
	margin: -42px 0 0 -42px;
}

.grid--thirds .grid-cell {
	padding: 42px 0 0 42px;
	flex: 0 0 33.3333%;
}

@media(max-width: 700px) {
	.grid--thirds {
		margin: -30px 0 0 -30px;
	}

	.grid--thirds .grid-cell {
		padding: 30px 0 0 30px;
		flex: 0 0 100%;
	}	
}

.grid--twoThirdsOneThird {
	margin: -65px 0 0 -65px;
}

.grid--twoThirdsOneThird .grid-cell {
	padding: 65px 0 0 65px;
}

.grid--twoThirdsOneThird .grid-cell:nth-child(1) {
	flex: 0 0 66.666%;
}

.grid--twoThirdsOneThird .grid-cell:nth-child(2) {
	flex: 0 0 33.334%;
}


@media(max-width: 700px) {
	.grid--twoThirdsOneThird {
		margin: -30px 0 0 -30px;
	}

	.grid--twoThirdsOneThird .grid-cell {
		padding: 30px 0 0 30px;
	}

	.grid--twoThirdsOneThird .grid-cell:nth-child(1) {
		flex: 0 0 100%;
	}

	.grid--twoThirdsOneThird .grid-cell:nth-child(2) {
		flex: 0 0 100%;
	}
}

.grid--threeFifthsTwoFifths {
	margin: -65px 0 0 -65px;
}

.grid--threeFifthsTwoFifths .grid-cell {
	padding: 65px 0 0 65px;
}

.grid--threeFifthsTwoFifths .grid-cell:nth-child(1) {
	flex: 0 0 57%;
}

.grid--threeFifthsTwoFifths .grid-cell:nth-child(2) {
	flex: 0 0 43%;
}


@media(max-width: 700px) {
	.grid--threeFifthsTwoFifths {
		margin: -30px 0 0 -30px;
	}

	.grid--threeFifthsTwoFifths .grid-cell {
		padding: 30px 0 0 30px;
	}

	.grid--threeFifthsTwoFifths .grid-cell:nth-child(1) {
		flex: 0 0 100%;
	}

	.grid--threeFifthsTwoFifths .grid-cell:nth-child(2) {
		flex: 0 0 100%;
	}
}


.grid--quarters {
	margin: -30px 0 0 -30px;
}

.grid--quarters .grid-cell {
	flex: 0 0 25%;
	padding: 30px 0 0 30px;
}

@media(max-width: 700px) {
	.grid--quarters {
		margin: -15px 0 0 -15px;
	}

	.grid--quarters .grid-cell {
		flex: 0 0 50%;
		padding: 15px 0 0 15px;
	}
}

.peopleGrid .card {
	border:solid 1px #e5e5e5;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.peopleGrid .card-text {
	margin: 10px 0 0 0;
	/*color: #a9a9a9;*/
	/*font-weight: bold;*/
	font-size: 1rem;
	line-height: 1.2rem;
	/*order:1;*/
	opacity: 0.7;
}

.peopleGrid .card-image {
	/*order:2;*/
	/*margin-top: auto;*/
}

.peopleGrid .card-body {
	padding: 20px 20px 30px 20px;
}

.peopleGrid .card-title {
	/*margin-bottom: ;*/
}