section.property_management_team{
	padding:calc(2*var(--gutter)) var(--gutter)  calc(2*var(--gutter)) var(--gutter) ;
}



section.property_management_team .members{

	margin-top:var(--gutter);
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap:30px;
	row-gap:30px;
}

section.property_management_team .headshot{
	width:100%;
	position: absolute;
	height:100%;
	top:0;
	left:0;
}

section.property_management_team .member{

	aspect-ratio:1;
	position: relative;
}
section.property_management_team .head{
	display: flex;
}
section.property_management_team .head .left{
	flex: 0 1 67%;
	max-width:unset;
}
section.property_management_team .head .right{

	flex: 0 1 33%;

}

section.property_management_team .member .info{
	position: absolute;
	z-index: 1;
	background:rgba(4,31,39,.8);
	padding:20px;
	width:100%;
	height:100%;
	display: flex;
	align-items: flex-end;
	top:0;
	left:0;
	opacity: 0;
	transition:all 1s;
}
section.property_management_team .member:hover .info{
	opacity: 1;
}
section.property_management_team .member .info .inner{
	width:100%;
}

section.property_management_team .member .name{
	font-size:35px;
	line-height:40px;
	font-weight:400;
	color:#F5F7F7;
	margin-bottom:5px;
	letter-spacing: -1px;
}
section.property_management_team .member .title{
	font-size:14px;
	letter-spacing: -.5px;
	color:#F5F7F7;

}
section.property_management_team .member hr{
	margin:10px 0;
	border:none;
	background:rgba(255,255,255,.5);
	height:1px;
}
section.property_management_team .member .email, section.property_management_team .member .phone{
	font-size:18px;
	line-height:25px;
	display: block;
	color:var(--dark-blue);
	letter-spacing: -.5px;

}

@media only screen and (max-width: 1024px) {

  	section.property_management_team .member .name {
	  font-size: 25px;
	  margin-bottom:0;
  }


}
@media only screen and (max-width: 768px) {
	section.property_management_team .head{
		display: block;
	}
	section.property_management_team .head h4, section.property_management_team .head p{
		margin-bottom:30px;
	}
  section.property_management_team .members{
  padding-left:0%;
  grid-template-columns: 1fr;

  row-gap:20px;
  }
  section.property_management_team .intro{
	  padding-bottom:30px;
  }
  section.property_management_team {
	  padding:calc(4*var(--gutter)) var(--gutter);
  }
  section.property_management_team .headshot{
	  margin-bottom: 10px;
  }
}