.staff {
  margin: auto;
  width: 870px;
  display: flex;
  flex-wrap: wrap;
}
.staff li {
  margin: 0 20px 40px;
  width: 250px;
}
.staff p {
  letter-spacing: 0.1em;
}
.staff .name {
  margin-top: 10px;
  font-size: 150%;
}
.staff .name-en {
  margin-bottom: 10px;
  font-size: 110%;
}
.prof {
  text-align: justify;
}
.en .prof {
  text-align: left;
}

@media screen and (max-width: 1100px) {
  .staff {
    width: 90%;
}

  .staff li {
    margin: 0 2% 7%;
    width: 29%;
}
}

@media screen and (max-width: 767px) {

  .staff {
    width: 90%;
  }

  .staff li {
    margin: 0 2.5% 10%;
    width: 45%;
  }

  .staff .name {
      margin-top: 5%;
  }
  .staff .name-en {
      margin-bottom: 5%;
      font-size: 90%;
  }

  .prof {
    font-size: 90%;
  }


}