#navigation {
  width: 100%;
  background-color: var(--primary);
  padding: var(--m) 0px;
  display: grid;
  place-items: center;
}
#navigation .content-width {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--m) var(--s);
}
@media (max-width: 450px) {
  #navigation .content-width {
    flex-direction: column;
  }
}

#staff-info {
  width: 100%;
  background-color: var(--primary);
  padding: var(--l) 0px calc(var(--xl) * 2);
}
#staff-info .content-width .grid-2 .info {
  width: 100%;
  height: auto;
}
#staff-info .content-width .grid-2 .info .staff-name,
#staff-info .content-width .grid-2 .info .job-title {
  color: var(--secondary);
}
#staff-info .content-width .grid-2 .info .staff-name {
  margin-bottom: var(--s);
}
#staff-info .content-width .grid-2 .info ul {
  margin-top: var(--m);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--s);
}
#staff-info .content-width .grid-2 .info .body {
  margin-top: var(--l);
  color: var(--secondary);
}
#staff-info .content-width .grid-2 .info .body div, #staff-info .content-width .grid-2 .info .body p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 1em;
}
#staff-info .content-width .grid-2 .info .body div:last-of-type, #staff-info .content-width .grid-2 .info .body p:last-of-type {
  margin-bottom: 0px;
}
#staff-info .content-width .grid-2 .info .body div span, #staff-info .content-width .grid-2 .info .body p span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
#staff-info .content-width .grid-2 .photo {
  display: block;
  width: 100%;
  height: auto;
}
#staff-info .content-width .grid-2 .photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 489/529;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  #staff-info .content-width .grid-2 .photo {
    order: 1;
  }
  #staff-info .content-width .grid-2 .info {
    order: 2;
  }
}/*# sourceMappingURL=staff-single.css.map */