.equipe {
	padding: 40px 0px;
	background: #f6f6f6;
	color: $main-dark-color;
	&__member {
		margin: 10px 0px;
		width: 100%;
		overflow: hidden;
		.wrapper {
			width: 50%;
			.image {
				position: relative;
				img {
					height: auto;
					display: block;
					max-width: 60%;
					margin: 0 auto;
				}
				.legend {
					padding: 10px 40px 10px 40px;
					background: #fff;
					height: 80px;
					left: calc(80% - 40px);
					position: absolute;
					top: 0;
					bottom: 0;
					margin: auto;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: center;
					    justify-content: center;
					-ms-flex-direction: column;
					    flex-direction: column;
					white-space: nowrap;
					.name {
						text-decoration: underline;
						text-transform: uppercase;
						font-size: 22px;
					}
					.position {
						font-family: $AkzidenzGroteskStd-Regular;
					}
					.social {
						position: absolute;
						bottom: -45px;
						left: 0;
						background: $main-dark-color;
						img {
							float: left;
							width: 30px;
							margin: 7.5px;
							&:first-child {
								margin-right: 0;
							}
						}
					}
				}
			}
			.qualifications {
				width: 65%;
				padding: 20px;
				background: #fff;
				font-family: $AkzidenzGroteskStd-Regular;
				position: relative;
				z-index: 1;
				margin-top: -50px;
				ul {
					padding: 0px;
					padding-left: 10px;
				}
			}
		}
	}
	&__member:nth-child(even) {
		margin-top: -15%;
		.wrapper {
			margin-left: 37%;
		}
	}
	&__member:nth-child(odd) {
		.wrapper {
			float: left;
		}
	}
}

@media all and (max-width: $desktop-lg) {
	.equipe {
		&__member {
			.wrapper {
				width: 70%;
			}
		}
		&__member:nth-child(even) {
			margin-top: 0%;
			.wrapper {
				margin-left: 15%;
			}
		}
	}
}

@media all and (max-width: $tablet) {
	.equipe {
		&__member {
			.wrapper {
				width: 90%;
				position: relative;
				.image {
					position: static;
					.legend {
						position: static;
						.social {
							left: auto;
							bottom: 5px;
							right: 2px;
							z-index: 2;
						}
					}
				}
				.qualifications {
					margin-top: 0;
					width: 100%;
					padding-left: 40px;
					padding-bottom: 50px;
				}
			}
		}
		&__member:nth-child(even) {
			margin-top: 0%;
			.wrapper {
				margin-left: 10%;
			}
		}
	}
}

@media (max-width: 450px) {
	.equipe {
		&__member {
			.wrapper {
				width: 100%;
				.image {
					img {
						max-width: 100%;
					}
					.legend {
						height: auto;
						padding: 20px 20px;
					}
				}
				.qualifications {
					padding-left: 20px;
				}
			}
		}
		&__member:nth-child(even) {
			.wrapper {
				margin-left: 0%;
			}
		}
	}
}