div#nav_bar
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 6px;
  background-color: #bdaeac;
  border-top: 3px solid gray;
  border-bottom: 3px solid gray;
}

div#nav_bar > div
{
  margin: 4px 0;
}

div#nav_bar > div:first-child
{
  margin-right: 2em;
}

div#nav_bar a
{
  text-decoration: none;
  color: #102831;
}

div#filter_box
{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  row-gap: 4px;
  justify-content: flex-end;
}

div#filter_box > div
{
  display:flex;
  column-gap: 4px;
}

div#filter_box > div > select
{
  max-width: 120px;
}

div#filter_box div#filter_caption
{
  margin-right: 4px;
}