body {
  margin: 0;
  padding: 0;
  height: 100vh;
  position: relative;
  background-color:linear-gradient(rgba(132, 255, 104, 0.25),rgba(0,0,0,0.75));
}

#bg-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

#bg-video video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

#bg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);  /* black background with 50% opacity */
  z-index: 1;
}



  /* Banner */

  .banner{
    width: 100%;
    background-color: #080c10;
    background-image:linear-gradient(rgba(132, 255, 104, 0.25),rgba(0,0,0,0.75)),url('Pictures/Bannerimg.jpg');
  }

/*Sections*/

.turtle-section {
  text-align: center;
  flex-wrap: wrap;
  align-items: center; /* helps center the content vertically */
  padding: 2rem;
  border-bottom: 15px solid #080c10;
  position: relative;
  z-index: 1;
}

.content-wrapper {
  flex: 1;
  padding-right: 1rem;
}

.turtle-type {
  font-size: 2rem;
  display: inline-block;
  padding: 10px; /* adjust this value to your preference */
  margin-bottom: 1rem;
  color: #698b56;
}

.turtle-description {
  max-width: 600px;  
  margin: auto; 
  text-align: center; 
}

.turtle-type, .turtle-description {
  background-color: #00000093;  
}

.turtle-image {
  align-self: center;
}

.turtle-image img,
.turtle-image video {
    width: 300px;  
    height: 170px;  
    border: 2px solid black;
}

  .map-link {
    color: #19D6D2;
    text-decoration: underline;
    font-family: Arial, sans-serif;
  }

 /*table section*/
  .summary-table-section {
    background-color: #091B32;
    width: 100%;
    margin: 20px 0;
    
  }

    .summary-table-title {
        color: #948344;
        text-align: center;
        font-size: 24px;
    }

    #summarytable {
        width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
        font-size: 16px;
    }

    .summary-table th,
    .summary-table td {
        color: #004d40;
        border: 3px solid #698b56;
        padding: 8px;
        text-align: center;
    }

    .descr{
      text-align: justify !important;
    }

    .summary-table th {
        background-color: #3c6159;
        font-weight: bold;
        color: #948344;
    }

    .summary-table tbody tr:nth-child(even) {
        background-color: #3c6159;
    }

    .summary-table tbody tr:nth-child(odd) {
      background-color: #568b7f;
    }

    .summary-table tfoot {
        font-style: italic;
        font-size: 14px;
        text-align: center;
        background-color: #3c6159;
    }

    .tblimg {
        width: 150px;
        height: 100px;
    }
   
    @media only screen and (max-width: 1024px) {
      .summary-table-title {
        font-size: 22px;
      }
    
      #summarytable {
        font-size: 14px;
      }
    
      .summary-table th,
      .summary-table td {
        padding: 6px;
      }
    
      .tblimg {
        width: 120px;
        height: 80px;
      }
    }
    
    @media only screen and (max-width: 600px) {
      .summary-table-title {
        font-size: 18px;
      }
    
      #summarytable {
        font-size: 12px;
      }
    
      .summary-table th,
      .summary-table td {
        padding: 4px;
      }

      .tblimg {
        max-width: 70px;
        height: auto;
      }

      .summary-table-section {
        overflow-x: auto;
      }

      .summary-table th:nth-child(2),
      .summary-table td:nth-child(2) {
        display: none;
      }

      .summary-table td {
        word-break: break-word;
      }

    }