@import url("root.css");
.staff_container {
  justify-items: center;
  gap: 20px 2%;
}
.staff_container figure figcaption {
  font-weight: 700;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .staff_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .staff_container .staff_box {
    width: 23.5%;
  }
}
@media (max-width: 767px) {
  .staff_container .staff_box:not(:last-child) {
    margin-bottom: 30px;
  }
  .staff_container.sp-col2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 4%;
  }
  .staff_container.sp-col2 .staff_box {
    width: 48%;
    font-size: 90%;
    margin-bottom: 0;
  }
  .staff_container.sp-col2 .staff_box figure {
    width: 60%;
    margin: auto;
  }
}