body{
background: rgb(16,36,0);
background: -moz-radial-gradient(circle, rgba(16,36,0,1) 0%, rgba(89,154,68,1) 39%, rgba(0,255,109,1) 81%, rgba(0,255,109,0.6909138655462185) 100%);
background: -webkit-radial-gradient(circle, rgba(16,36,0,1) 0%, rgba(89,154,68,1) 39%, rgba(0,255,109,1) 81%, rgba(0,255,109,0.6909138655462185) 100%);
background: radial-gradient(circle, rgba(16,36,0,1) 0%, rgba(89,154,68,1) 39%, rgba(0,255,109,1) 81%, rgba(0,255,109,0.6909138655462185) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#102400",endColorstr="#00ff6d",GradientType=1);
}

/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  background-color: #004D1F;
}

.topnav a {
  float: left;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #000;
  color: white;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #000;
  color: white;
}

#inair {
    float: left;
    padding: none;
    margin: none;
    height: 100px;
    width: 100px;
    vertical-align: center;
}
#mmt {
    float: left;
    padding: none;
    margin: none;
    height: 81.5px;
    width: 256px;
    vertical-align: center;
}
#booking {
    float: left;
    padding: none;
    margin: none;
    height: 43px;
    width: 256px;
    vertical-align: center;
}
#ta {
    float: left;
    padding: none;
    margin: none;
    height: 48.6px;
    width: 205.6px;
    vertical-align: center;
}

.image-row {
  display: flex;
  justify-content: space-between; /* this will add equal space between each image */
}

/* Style for the image container */
    .image-container {
      position: relative;
      display: inline-block;
    }

    /* Style for the image */
    .image-container img {
      max-width: 50%;
      height: auto;
      display: block;
    }

    /* Style for the caption */
    .image-container figcaption {
      max-width: 48.5%;
      height: 30%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      padding: 10px;
      margin: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
      font-size:90%;
    }

    /* Show the caption on hover */
    .image-container:hover figcaption {
      opacity: 1;
    }

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 100%;
  height: 100%;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}