body {
  align-items: flex-start; /* not sure why this fixed it or why align-items:center in style was breaking it */
}

#filters {
  margin-top: 5%;
  margin-bottom:2%;
}
#searchInput{
  width: 50%;
}

.contentcontainer {
  width: 100%;
  display: flex;
}

.label{
  font-family: 'Grenze Gotisch', serif;
  font-size: 2em;
  color: #EA523E;
}

table, th, td {
  border: 1px solid;
  border-collapse: collapse;
  background-color: #D5D2C8;
  font-size: .85em;
  font-family: 'IM Fell English',serif;
  padding:1%;
}

table {
 width: 100%; 
}

/*https://stackoverflow.com/questions/40134586/how-to-set-different-column-in-table-to-be-different-width-in-css*/

th {
  background-color: #afaa9c;
}


#storeTable td:nth-child(1) {
  width: 30%;
  }
/* the second */
#storeTable  td:nth-child(2) {
  width: 20%;
  word-wrap: break-word;
}
/* the third */
#storeTable  td:nth-child(3) {
  width: 20%;
 }
 
#storeTable  td:nth-child(4) {
  width: 30%;
 }