/* buttons to input year, open fields and sites lists */
.openBtn {
  position: fixed;
  top: 0;
  left: 0;
  width: ;
  padding: 4px;
  font-size: 16px;
  background-color: cornsilk;
  z-index: 2;
}
.openBtn div {width: 70px; text-align: center; padding: 2px}

/* fields menu */
.listHead, .fields, .sites {
    position: fixed;   
    top: 0;
    left: 80px;
    width: 100%;
    overflow: auto;
    background-color: lavender; 
    color: black; 
    border: solid 2px grey;
    border-radius: 5px; 
    padding: 8px;
    text-align: left;
    z-index: 3;
    display: none;
}
.fields, .sites {top: 32px; max-height: 300px; border-bottom: 8px solid lightblue;}
.fields {background-color: lightgreen;}
.sites {background-color: yellow;}
.fields div:hover {background-color: #0099cc; }
@media screen and (min-width: 900px) {.listHead, .fields, .sites{max-width: 400px;}}