h1 
{	
	text-align:center;
	color:red;
	font-size:25px;	
}

img {
    pointer-events: none;
    }

.staff_container {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	margin:auto;	
}

.our_team {
          background:#FFEDB6;
		  text-align:center;
		  overflow:hidden;
		  position:relative;
		  margin: 0px 25px;
		  padding:30px 70px;
	
	
}
.our_team {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6);
}


.our_team .photo {
	       display:inline-block;
		   width: 250px;
		   height:250px;
	       margin-bottom:0px;
		   z-index:1;
		   position:relative;
	
	
	
}

.our_team .photo:before {
	       content: "";
		   width:100%;
		   height:0;
		   border-radius:50%;
		   background:teal;
		   position:absolute;
		   bottom:135%;
		   right: 0;
		   left: 0;
		   opacity:0.2;
		   transform:scale(3);
		   transition: all 0.3s liner 0s;	
}

.our_team:hover  .photo::before {
	       height:100%;
}

.our_team .photo:after {
	       content: "";
		   width:100%;
		   height:100%;
		   border-radius:50%;
		   background:#00000000;
           position:absolute;
           top:0;
           left:0;
           z-index:1;		   		
}

.our_team .photo img {
	        width:100%;
			height:auto;
			border-radius: 50%;
			transform: scale(1);
			transition: all 0.9s liner 0s;
}

.our_team:hover .photo img {
	        box-shadow:0 0 0 14px teal;
			transform:scale(0.8);
	
}

.our_team .team-roles {
	        margin-bottom:30px;
}

.our_team .title {
	        font-size:18px;
			font-weight:700;
			color:black;
			letter-spacing:1px;
			margin-bottom:5px;	
}

.our_team .role {
	       display:block;
		   font-size:16px;
		   color:grey;        
}

.our_team .job_description {
	       display:block;
		   font-size:14px;
		   color:black;	
}
.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.button:hover {
  background-color: #555;
}

.our_team {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0px;
}


@media (max-width:720px) {
	      .staff_container {
			  flex-direction: column;
		  }
		  
		  .our_team {
			  width:80%;
			  margin-top:30px;
		  }
			  	
}