body { background-color: #fff; }
#header { width: 100%; z-index: 2; position: absolute; top: 0px; left: 0px; padding: 25px; vertical-align: center; }
#logo { width: 100px; float: left; }
#logo img { height: 100px; width: 100px; z-index: 2}
#title { background-color: rgba(0, 0, 0, 0.8); z-index: 2; margin-left: 125px; margin-right: 25px; padding: 10px 25px; width: fit-content; max-width: 100%; font-size: 1.25em; color: #ddd; border-radius: 10px; position: absolute; top: 50%; transform: translate(0%, -50%); }
#map { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0 }

  /* position: absolute;
  top: 50%;
  transform: translate(0%, -50%); */


/* body { background-color: #333; color: #ccc; padding: 25px;}
a { text-decoration: none; color: #99ccff; }

.title { font-size: 1.5em; font-weight: bold; color: #aca; }
.bold { font-weight: bold; }
.label { font-weight: bold; text-align: right; }
.textblock {overflow-wrap: break-word; word-break: break-all; }

.list-table .layer-image img, .list-table .feature-image img, .details-table .details-image img { height: 100px; width: 100px; object-fit: cover; display: inline-block; border: 1px solid #ccc;  }
.list-table .list-title, .details-table .details-title { font-weight: bold; margin-bottom: 10px; border-bottom: solid 2px #999; }
.list-table .list-headers { font-weight: bold; margin-bottom: 25px; }
.list-table .list-entry { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #444}
.list-table .list-entry p, .details-table .details-info p { margin: 0px; }
.details-table .layer-details-map { min-height: 400px; max-height: 600px; max-width: 800px; }
.nav-links { margin: 15px 0px; }

.warning { font-weight: bold; color: #f33; }

@media (max-width: 1000px) {
    .layer-details-image { display: none; }
}

.layer-details-info { margin-bottom: 25px; } */






/* .feature-descriptions { width: 700px!important; }
.feature-info .label, .layer-summary .label { display: none }
.feature-info > div, .layer-summary > div { width: 200px; display: inline-block; padding: 25px; margin: 0px; vertical-align: top; }
.feature-info img, .layer-summary img { height: 150px; width: 150px; object-fit: cover; display: inline-block; padding: 25px; margin: 0px }
.feature-info, .layer-summary { border-bottom: 1px solid #000;}

.title { font-weight: bold; font-size: 1.3em; }
.layer-info .value p { margin: 0px; padding: 0px; margin-left: 25px; }
.layer-info, .feature-info { margin-bottom: 25px; }
.layer-info img { height: 100px; width: 100px; object-fit: cover; }
.layer-info .label::after, .feature-info .label::after { content: ": "; }
.layer-info .label, .feature-info .label { font-weight: bold };

.feature-info .value p { margin: 0px; padding: 0px; } */