[Theme: Zerif Pro] Center "team-member widget"

I am trying to figure out how to center the team-member widget for Zerif Pro. We only have 2 team members, and it would look better to have it centered.

Would love some tips on how to center it. Thanks!

}
.team-member {
border-radius: 4px;
overflow: hidden;
position: relative;
margin-bottom: 35px;

}
.team-member .details {
text-align: left;
font-size: 13px;
line-height: 20px;
position: absolute;
padding: 15px;
top: -200px;
left: 0;
width: 100%;
min-height: 190px;
-webkit-transition: all 1500ms;
transition: all 1500ms;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=0)”;
filter: alpha(opacity=0);
opacity: 0;
z-index:999;
}
.team-member .member-details {
position: relative;
display: inline-block;
padding-bottom: 5px;
}
.team-member:hover .details {
top: 0;
background: #333;
color: white;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
}
.team-member .profile-pic {
border-radius: 50%;
width: 174px;
height: 174px;
margin: auto;
overflow: hidden;
margin-bottom: 25px;
}
.team-member .profile-pic img {
width: 100%;
height: 100%;
}
.team-member h5 {
text-transform: uppercase;
color: #404040;
font-weight: 700;
position: relative;
}
.team-member .position {
font-size: 13px;
margin-top: 15px;
}
.team-member .social-icons {
margin-bottom: 25px;
}
.team-member .social-icons li:before{
content:none;
}
.team-member .social-icons ul {
margin: 0 0 1.5em 0;
}
.team-member .social-icons ul li {
display: inline-block;
line-height: 32px;
margin: 2px;
}
.team-member .social-icons ul li a {
font-size: 18px;
border-radius: 50%;
color: #808080;
}
.team-member .social-icons ul li a:hover {
color: #e96656;