body {
     background-color: #eeeeee/*#F7F7F3*/;
     font-size: 16px;
     font-family: 'Arial', sans-serif;
     margin: 0;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;

 }
 /* ensure no table padding gets in the way */
td { 
    padding: 10px 0px 10px;
    vertical-align: middle;
    text-align: center;
}
table {
  border-collapse: collapse;
  border: 1px solid #bbbbbb;
  width:100%;
  max-width:750px;
  border-spacing:1px;
  border-collapse:collapse;
}

table td, table th {
   border: 1px solid #dddddd;
}

.image-wrapper {
  display: inline-block;
  line-height: 0;
}

/* Base image — no shadow */
.image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: filter 200ms ease, box-shadow 200ms ease;
  filter: none;
  box-shadow: none;
}

/* Show drop-shadow on hover and keyboard focus */
.image-wrapper:hover img,
.image-wrapper:focus-within img {
  /* tighten shadow + slightly increase contrast so image edges read better */
  filter:
    contrast(1.04)
    drop-shadow(0 1px 2px rgba(0,0,0,0.9));
  transition: filter 180ms ease;
  box-shadow: none;
}




/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .image-wrapper img {
    transition: none;
  }
}


 #ImageGallerymenu {
     padding: 20px 20px 0px 0px;
 }

 .ImageGallerymenu-container {
     justify-content: space-between;
     display: flex;
     font-size: 14px;
     text-transform: uppercase;
 }

 #gallerycontainer {
     width: 800px;
     /* Set your desired width */
     margin: auto;
     /* Center the container */
     padding-left: 10px;
 }

 img {
     max-width: 300px;
     max-height: 200px;
     object-fit: contain;
     /*padding: 0px 5px;*/
 }




 a {
     text-decoration: none;
     color: #2190a6;
     font-weight: bold;
 }

 a:hover {
     color: #00bbe0;
 }

 table {
     border-collapse: collapse;
 }

 table,
 th,
 /*td {
     border: none;
     /* or border: 0; */
 */

 h1 {
     font-size: 1.5em;
 }

 h2 {
     font-size: 1.25em;
 }

 h3 {
     font-size: 1.15em;
 }

 h4 {
     font-size: .9 em;
     text-transform: uppercase;
 }

 .small {
     font-size: 13px;

 }