#team_wrap ul.team-grid{display:flex;flex-wrap:wrap;list-style:none;margin:0 -25px;padding:0}
#team_wrap ul.team-grid li{position:relative;margin:0;padding:20px 25px;width:25%}

.team-item{position:relative}
.team-image{position:relative;display:table;margin:0 0 20px;width:100%;overflow:hidden}
.team-image:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:#798289;opacity:0;transition:opacity .3s}
.team-image:after{content:"\e050";font-family:ETModules;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:30px;opacity:0;transition:opacity .3s}
.team-image img{float:left;width:100%;transition:opacity .3s}
.team-content{color:#798289}
.team-name{font-size:18px;line-height:1.2}
.team-meta{margin-top:7px;font-size:15px;font-style:italic;line-height:1.6}
.team-item:hover .team-image:before{opacity:0.75}
.team-item:hover .team-image:after{opacity:1}

.dtm-image{padding:20px 0 40px;text-align:center}
.dtm-image img{max-width:340px;width:100%;height:auto}
.dtm-head{padding:20px;background:#9eafad;color:#fff}
.dtm-user{padding:0;line-height:1.3}
.dtm-user .dtm-name{margin:0 0 8px;font-size:26px;font-weight:400}
.dtm-user .dtm-position{font-size:18px;font-style:italic}
.dtm-info{padding:10px 0 0}
.dtm-info .dtm-phone{margin:0 0 10px}
.dtm-info .dtm-phone:before{content:"\e090";font-family:'ETModules';font-size:86%;margin-right:5px;vertical-align:middle}
.dtm-info .dtm-phone a[href^="tel"]{color:#fff;text-decoration:none}
.dtm-icon{display:inline-block;margin:0 10px 0 0;width:32px;height:32px;line-height:32px;background:#fff;border-radius:3px;text-align:center}
.dtm-icon:before{font-family:'ETModules';color:#9eafad}
.dtm-icon.dtm-email:before{content:"\e076"}
.dtm-icon.dtm-linkedin:before{content:"\e09d"}

.dtm-content{padding:20px 0 60px;font-size:16px}
.dtm-back{padding:30px 0 0}
.dtm-back a{color:#798289;font-size:16px;font-style:italic}

@media only screen and (max-width:980px){
	#team_wrap ul.team-grid li{width:50%}
}
@media only screen and (min-width:769px){
	.dtm-head{display:flex;align-items:center;padding:0}
	.dtm-user{padding:30px;width:50%}
	.dtm-user .dtm-name{margin:0 0 13px}
	.dtm-info{padding:30px;width:50%;text-align:right}
	.dtm-content{padding:20px 30px 60px;font-size:18px}
	.dtm-icon{margin:0 0 0 10px}
	.dtm-back a{font-size:18px}
}
@media only screen and (max-width:480px){
	#team_wrap ul.team-grid{margin:0 -15px}
	#team_wrap ul.team-grid li{padding:15px}
}