UL.sortNav LI {
  display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    border: solid 1px #aaaaaa;
    border-radius: 3px;
    transition: .2s;
}

UL.sortNav LI:hover {
    background: #dcdcd1;
}

.members {
  margin: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}

.member {
  width: calc(25%);
  min-width: 200px;
  padding: 15px;
  display: block;
  background-color: #fff;
  border: 2px solid #f9f9f9;
  box-sizing: border-box;
  text-align: center;
}

.member h2 {
  margin: 0;
  font-size: 100%;
}
.member p {
  margin: 0;
  font-size: 81.25%;
  font-weight: 200;
  color: #333;
}



.story {
  clear: both;
  margin-bottom: 20px;
  padding: 20px 30px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.story h2 {
  margin: 0 -30px 20px -30px;
  padding: 0 30px 20px 30px;
  background-color: #ddd;
  border-bottom: 1px solid #ddd;
}

.story a {
  text-decoration: none;
  color: #000;
}

.story a:hover {
  color: #3a5;
  font-weight: bold;
}


div.bnrlist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  background-color: #fff;
}

div.bnr {
  width:  180px;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  text-align: center;
  background-color: #fff;
  border: 2px solid #ffffff;

}

div.bnr:hover {
  border: 2px solid #548235;
  text-decoration-line: none;
}

div.bnr a {
  color: #000;
  text-decoration: none;
}

div.bnr img {
  width:  170px;
  padding:  5px;
}