.staff-search__container {
  background-color: #e8eff3;
  padding: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.staff-search__container label {
  color: #083351;
  display: block;
}
.staff-search__input {
  flex-basis: 48%;
  min-width: 200px;
  flex-grow: 1;
  margin: 10px 0;
}
.staff-search__input input,
.staff-search__input select {
  width: 100%;
  border: 1px solid #568696;
  border-radius: 2px;
  padding: 5px;
}
.staff-search__submit {
  background: #083351;
  border: 1px solid #083351;
  border-radius: 2px;
  color: #fff;
  margin-left: 4px;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
}
.staff-search__submit:hover,
.staff-search__submit:active {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.department {
  margin-top: 40px;
  margin-bottom: 30px;
}
.staff-members {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2%;
}
.staff-member {
  flex-basis: 31.333%;
  margin-bottom: 30px !important;
  background-color: #f5f8fa;
  padding: 30px;
}
.staff-member h3 {
  margin-bottom: 0;
  font-size: 1.25rem;
}
.staff-member__image img {
  margin-bottom: 20px !important;
  min-width: 180px;
}
@media (min-width: 1024px) {
  .staff-search__container {
    padding: 30px;
  }
}