td img {
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
}


table {
    width: 100%;
table-layout::fixed;
    /* Other table styles */
}


@media (max-width: 768px) {
  td img {
    max-width: 100%;
    height: auto;
  }
}


.divmis { background-color:#ffffff;
font-size:16px;
font-family:tahoma, sans-serif;
color:yellow;
  display: flex; /* Default display for larger screens */
justify-content: center; 

}

 .divmisa { background-color:#ffffff;
font-size:14px;
font-weight:bold;
font-family:tahoma, sans-serif;
color:#002157;
justify-content: center;
 
}



.divmisb { background-color:#ffffff;
font-size:16px;
font-family:tahoma, sans-serif;
color:#002157;
  display: flex; /* Default display for larger screens */
justify-content: center; 

}

 .divmisb a { background-color:#ffffff;
font-size:14px;
font-weight:bold;
font-family:tahoma, sans-serif;
color:#002157;
 
}

 .divmisb a:hover { background-color:#ffffff;
font-size:14px;
font-weight:bold;
font-family:tahoma, sans-serif;
color:#002157;
 
}


.sticky-image {
    position: sticky;
    top: 0; /*  Sticks to the top of the viewport when scrolled to  */
  }









* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1100px;
  position: relative;
  margin: auto;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 4.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 8.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}











.container {

  /* Default styles for larger screens */
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.hamburger {
  display: none; /* Hidden on larger screens */
  cursor: pointer;
}

.hamburger span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: black;
  margin: 10px 0;
  transition: 0.0s;
}

.topnav a {
    font-weight:bold;
text-decoration: none; 
  color: #ffffff; 
	background-color:#002157;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  padding: 10px 10px;
  }

.topnav a:hover {
      color: #8ed700; /* Change color to red on hover */
      text-decoration: none; /* Add underline on hover */
    }


.topnav {

background-color:#002157;
font-size:16px;
font-family:tahoma, sans-serif;
color:yellow;
  display: flex; /* Default display for larger screens */
justify-content: center; 

}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .topnav {
    display: none; /* Hidden by default */
    flex-direction: column;
    position: absolute;
    top: 60px; /* Adjust as needed */
    left: 0;
    background-color: 002157;
    width: 100%;
    text-align: center;
    
  }

    .hamburger {
    display: block; /* Shown on smaller screens */
  }

  .topnav.active {
    display: flex; /* Show when active */
 
}




/* styles.css */
.imagesslideborder {
  border: 1px outset #5aca00;
}