div#main-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;*/
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  width: 65vw;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
}

form input[type='text'] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

div#queryfields,
div#sortoptioncontainer,
div#linkcontainer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
}

div#linkcontainer,
div#sortoptioncontainer {
  column-gap: 10px;
}

div#sortoptioncontainer>div {
  margin-top: 5px;
  padding: 5px;
  border-radius: 3px;
  background-color: #eeeeee;
  border: solid 1px gray;
}

div#queryfields div {
  margin-right: 5px;
  padding: 3px;
  background-color: #eeeeee;
  border-radius: 3px;
  border: solid 1px gray;
}

#inputbuttoncontainer {
  margin-top: 5px;
}

div#results {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 10px;
}

div.record {
  flex-basis: 100%;
  width: 100%;
  flex-grow: 1;
}

div.grey {
  background-color: lightgray;
  font-weight: bold;
}

div.doubtful {
  color: red;
}

@media (max-width: 1040px) {

  div#queryfields,
  div#sortoptioncontainer {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  div#queryfields label {
    display: inline-block;
    width: 100px;
    text-align: right;
  }
}