#directory_well h1 {
  margin-bottom: 2rem;
}
#directory_well #directory_search {
  width: 100%;
  display: table;
  margin-bottom: 2rem;
  font-size: 1rem;
}
#directory_well #directory_search div.column {
  display: table-cell;
  vertical-align: top;
}
#directory_well #directory_search div.column label {
  font-size: 0.8125rem;
  letter-spacing: 0.6px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Metropolis", sans-serif;
  letter-spacing: 0.06em;
}
#directory_well #directory_search div.column.name {
  width: 38%;
  padding-right: 2%;
}
#directory_well #directory_search div.column.name input {
  margin-top: 0.5rem;
  height: 3rem;
}
#directory_well #directory_search div.column.school {
  width: 38%;
  padding-right: 2%;
}
#directory_well #directory_search div.column.school .form__select {
  margin: 0.5rem 0;
}
#directory_well #directory_search div.column.school .caption {
  font-size: 0.8125rem;
  color: #000;
  font-family: "Libre Baskerville", serif;
}
#directory_well #directory_search div.column.dept .inactive {
  color: #6e6e6e;
  border-color: #6e6e6e;
  background-color: transparent;
  cursor: default;
}
#directory_well #directory_search div.column.dept .inactive .form__select__text, #directory_well #directory_search div.column.dept .inactive .form__select__arrow {
  color: #6e6e6e;
}
#directory_well #directory_search div.column.submit {
  width: 20%;
  padding-top: 1.65rem;
}
#directory_well #directory_search div.column.submit input {
  height: 48px;
  width: 100%;
}
#directory_well #directory_alpha {
  width: 100%;
  border: 2px solid #103CCC;
  border-right: 0;
  display: table;
  margin-bottom: 80px;
}
#directory_well #directory_alpha a {
  display: table-cell;
  border-right: 2px solid #103CCC;
  text-align: center;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  font-family: "Metropolis", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #000;
}
#directory_well #directory_alpha a:hover {
  background: #103CCC;
  color: #fff;
}
#directory_well #directory_alpha a.selected {
  background: #103CCC;
  color: #fff;
}
#directory_well #directory_results {
  width: 100%;
  border-top: 4px solid #103CCC;
  padding-top: 40px;
}
#directory_well #directory_results .staff {
  width: 48%;
  min-height: 135px;
  margin: 0 4% 2rem 0;
  padding-bottom: 1rem;
  float: left;
  font-size: 1rem;
  border-bottom: 2px solid #103CCC;
}
#directory_well #directory_results .staff a {
  color: #103CCC;
}
#directory_well #directory_results .staff a.email {
  display: block;
}
#directory_well #directory_results .staff h2 {
  font-size: 1.5rem;
  margin: 0 0 4px;
}
#directory_well #directory_results .staff h3 {
  font-size: 0.875rem;
  margin: 12px 0;
  text-transform: uppercase;
  font-family: "Metropolis", sans-serif;
  letter-spacing: 0.06em;
}
#directory_well #directory_results .staff .phone-number {
  margin-top: 8px;
  display: inline-block;
}
#directory_well #directory_results .staff:nth-child(2n) {
  margin-right: 0;
}
#directory_well.gamma #directory_results .staff {
  float: none;
  width: 98%;
}
#directory_well.gamma #directory_results .staff h3 {
  font-size: 1rem;
  text-transform: none;
  font-style: oblique;
}
#directory_well.gamma #directory_results .staff h4 {
  font-family: "Metropolis", sans-serif;
  letter-spacing: 0.06em;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
  color: #000;
}
#directory_well.gamma #directory_results .staff ul {
  font-size: 0.875rem;
  margin-left: 18px;
  padding: 0;
}
#directory_well.gamma #directory_results .staff .location {
  border: 0;
  display: table-cell;
  line-height: 1.625rem;
  padding-right: 1.5rem;
}
#directory_well.gamma #directory_results .staff a.email {
  display: block;
  margin-bottom: 5px;
}
#directory_well.gamma #directory_search div.column.name {
  width: 29%;
  padding-right: 1%;
}
#directory_well.gamma #directory_search div.column.school, #directory_well.gamma #directory_search div.column.dept {
  width: 29%;
  padding-right: 1%;
}
#directory_well.gamma #directory_search div.column.school .form__select, #directory_well.gamma #directory_search div.column.dept .form__select {
  margin: 0.5rem 0;
}
#directory_well.gamma #directory_search div.column.submit {
  width: 10%;
  padding-top: 1.65rem;
}
#directory_well.gamma #directory_search div.column.submit input {
  height: 48px;
  width: 100%;
}

@media (max-width: 1023px) {
  #directory_well #directory_alpha {
    display: grid;
    height: 90px;
    grid-template-columns: repeat(13, 1fr);
    grid-template-rows: 50% 50%;
    grid-column-gap: 0;
    border: 1px solid #103CCC;
  }
  #directory_well #directory_alpha a {
    line-height: 44px;
    width: auto;
    height: 44px;
    display: inline-block;
    border: 1px solid #103CCC;
  }
}
@media (max-width: 599px) {
  #directory_well #directory_alpha {
    display: grid;
    height: 129px;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 33.33% 33.33% 33.33%;
    grid-column-gap: 0;
    border: 1px solid #103CCC;
  }
  #directory_well #directory_alpha a {
    line-height: 44px;
    width: auto;
    height: 44px;
    display: inline-block;
    border: 1px solid #103CCC;
  }
  #directory_well #directory_results .staff {
    width: 100%;
    margin-right: 0;
  }
  #directory_well #directory_search {
    width: 100%;
    display: block;
    margin-bottom: 2rem;
  }
  #directory_well #directory_search div.column {
    display: block;
    margin-bottom: 1rem;
    padding-right: 0;
    width: 100%;
  }
  #directory_well #directory_search div.column.name {
    width: 100%;
  }
  #directory_well #directory_search div.column.school, #directory_well #directory_search div.column.dept {
    width: 100%;
  }
  #directory_well #directory_search div.column.submit {
    width: 100%;
    padding-top: 0;
  }
  #directory_well.gamma #directory_search div.column {
    width: 100%;
    display: block;
  }
  #directory_well.gamma #directory_search div.column.name {
    width: 100%;
    padding-right: 0;
  }
  #directory_well.gamma #directory_search div.column.school, #directory_well.gamma #directory_search div.column.dept {
    width: 100%;
    padding-right: 0%;
  }
  #directory_well.gamma #directory_search div.column.submit {
    width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 449px) {
  #directory_well #directory_alpha {
    display: grid;
    height: 176px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(4, 25%);
    grid-column-gap: 0;
    border: 1px solid #103CCC;
  }
  #directory_well #directory_alpha a {
    line-height: 44px;
    width: auto;
    height: 44px;
    display: inline-block;
    border: 1px solid #103CCC;
  }
}