h2 {
font-family: Open, sans-serif;
font-size: 1.1em;
color: #177483;
text-decoration: none;
font-weight: 700;
background-color: #f7f7f6;
padding: 4px;
margin: 8px 0;
}

.listingArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
max-width: 1500px;
width: 100%;
height: auto;
margin: 0 auto;
}
.member {
display: table;
box-sizing: border-box;
overflow: hidden;
width: 31%;
height: auto;
float: left;
border: #c6c6c6 1px solid;
border-radius: 10px;
margin-right: 2%;
margin-bottom: 15px;
text-align: center;
background-color: #f3f3f2;
padding: 2px;
}
.member:nth-child(3n+2) {
margin-left: 1.5%;
}
.member:nth-child(3n+3) {
margin-right: 0;
float: right;
}
.mc {
    display: table-cell;
    vertical-align: middle;
}
span.member_name {
display: block;
width: 100%;
font-family: Open, sans-serif;
font-size: 1em;
color: #177483;
text-decoration: none;
font-weight: bold;
}
span.member_title {
display: block;
width: 100%;
font-family: Open, sans-serif;
font-size: .9em;
color: #000000;
text-decoration: none;
font-weight: normal;
margin: 5px 0;
}
@media screen and (max-width: 1110px) {
  .member {
  height: 150px;
  }
}
@media screen and (max-width: 900px) {
  .member {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0;
    text-align: center;
  }
  .member:nth-child(3n+2) {
  margin-left: 0;
  }
  .member:nth-child(3n+3) {
  float: none;
  }
}