

div.team_flexbox,
div.team_members {
	box-sizing: inherit;
}

div.team_flexbox h2 {
	padding-top: 1.5rem;
	font-size: 2rem;
	margin-bottom: .6rem;
	font-weight: 600;
}

div.member_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.flip {
	margin: 40px 20px;
	text-align: center;
}

div.flip:hover .front {
	transform: rotateY(180deg);
}

div.flip:hover .back {
	opacity: 1;
	transform: rotateY(0deg);
}

div.front,
div.back {
	color: white;
	width: 12rem;
	background-size: cover !important;
	background-position: center !important;
	height: 17.5rem;
	padding: 1em 2em;
	border-radius: 10px;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-duration: .5s;
	transition-property: transform, opacity;
}

div.front {
	position: absolute;
	transform: rotateY(0deg);
}

div.back {
	position: relative;
	opacity: 0;
	transform: rotateY(-180deg);
	background: #CE6979;
	overflow: auto;
}

div.back h1 {
	font-weight: 300;
	font-size: 1.5rem;
	padding-bottom: .7rem;
}

div.back p {
	line-height: 1.6;
	font-size: .95rem;
}
