.staf-list {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 64px;
}

.staf-list .staf {
	display: flex;
	width: 33.3333%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 32px;
}

.staf-list .staf .photo {
	width: 100%;
	height: auto;
	border-radius: 50%;
	margin-bottom: 16px;
}

.staf-list .staf .name {
	font: 400 20px/1.45 Stolzl, sans-serif, Arial, Helvetica;
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 16px;
	text-align: center;
}

.staf-list .staf .description {
	text-align: center;	
	font: 400 16px/1.45 GraphikLCG, sans-serif, Arial, Helvetica;
}

.video-btn {
	display: inline-flex;
	margin-top: 16px;
	text-decoration: none;
	font: 400 13px/22px Stolzl, sans-serif, Arial, Helvetica;
	color: #332E27;
	align-items: end;
	text-transform: uppercase;
}

.video-btn:before {
	content: "";
	display: inline-flex;
	background-image: url(/local/templates/main/img/player-play-circle.svg);
	width: 24px;
	height: 24px;
	margin-right: 8px;
	transition: .25s;
	border-bottom: 1px solid transparent;
}

@media screen and (max-width:786px) {
	.staf-list .staf {
		width: 50%;
	}
}

@media screen and (max-width:480px) {
	.staf-list .staf {
		width: 100%;
	}
}