nav {
	overflow: hidden;
  font-size: 0;
  width: 1100px;
}

nav a {
  font-family: Tahoma;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  color: #2073a4;
}

nav > ul {
  padding: 0;
  margin: 0;
  position: relative;
  margin-bottom: -5px;
}

nav > ul li { display: inline-block; }

nav > ul > li > a {
  display: block;
  width: 140px;
  line-height: 43px;
  font-weight: 700;
  border-style: solid;
  border-width: 2px 1px 0 1px;
  border-color: #63b5dd #aadaef;
  margin-right: -1px;
  -ms-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background: linear-gradient(#fdffff, #e5f5fb);
}

nav > ul > li:hover > a {
    color: #fff;
    background: linear-gradient(to bottom, rgb(84, 173, 206), rgba(66, 142, 187, 1));
}

nav > ul li ul { display: none; }

nav > ul li:hover ul {
  display: block;
  position: absolute;
  padding: 0;
  margin: -4 0 0;
  left: 0;
  width: 100%;
  top: 38px;
  border: 1px solid #156a9c;
  background: linear-gradient(to bottom, rgb(84, 173, 206), rgba(66, 142, 187, 1));
}

nav > ul li:hover ul > li > a {
  display: block;
  width: 140px;
  color: #fff;
  line-height: 35px;
  z-index: -9999;
}
  
  
  
  
    /* Container styling */
        .link-container {
            max-width:1250px;
            margin-left: 10px; /* Left margin */
            margin-right: 10px; /* Left margin */
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; /* Ensures links stack on small screens */
            gap: 5px; /* Space between links */
            padding: 5px;
        }

        /* Hyperlink styling */
        .link {
            flex: 1; /* Links take equal space */
            max-width: 140px; /* Optional, limit link size */
            padding: 1px 1px;
            text-align: center;
            background-color: #007BFF;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            font-size: 14px;
            transition: background-color 0.3s;
        }

        /* Hover effect */
        .link:hover {
            background-color: #0056b3;
            color: white;
        }

        /* Media query for smaller screens */
        @media (max-width: 480px) {
            .link {
                flex: 100%; /* Links take full width on small screens */
                max-width: none;
            }
        }