.top-row {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

ul.sort-relationship {
  list-style: none;
}

ul.sort-relationship li {
  display: inline;
  text-align:center;
}

ul.sort-relationship li {
  padding: 3px 20px;
  color: #9f9f9f;
}

ul.sort-relationship li a {
}

ul.sort-relationship li:hover,
ul.sort-relationship li.active {
  background-color: #f8f8f8;
  color: #71dcc1;
}

ul.sort-relationship li:hover a,
ul.sort-relationship li.active a {
  color: #71dcc1
}

.page-general h2 {
  margin-top: 60px;
}

@media only screen and (max-width: 749px) {
  ul.sort-relationship {
    width: 100%;
  }
  
  ul.sort-relationship li {
    display: block;
    text-align:center;
  }
  
  ul.sort-relationship li.active {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
}

@media only screen and (max-width: 767px) {
  
  .page-general {
    text-align:center;
  }
  
}