/*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}

/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  padding-bottom: 20px;
}

/* Navbar body background color */
.navbar {
  background-color: #fff; /* Replace with your desired color code */
  margin-bottom: 20px;
}
        
/*
 * Header
 */

/* Header */
.nav-masthead .nav-link {
  color: #000000; /* font color */
  border-bottom: .25rem solid transparent;
  font-size: 38px; /* Adjust the font size as needed */
  text-decoration: none; /* Remove default underline */
}

.nav-masthead .nav-link:hover {
  color: #0000FF; /* Replace with your desired color code */
  text-decoration: underline; /* Add underline on hover */
  text-decoration-color: #0000FF; /* Set the color of the underline to blue */
}

.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
  color: #0000FF; /* Replace with your desired color code */
}

.nav-masthead .active {
  color: #0000FF;
  border-bottom-color: #0000FF;
}

		.nav-masthead .navbar-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			padding: 20px;
		}

		.nav-masthead .logo-img {
			max-width: 100%; /* Set maximum width to 100% of the parent container */
			height: auto; /* Ensure the aspect ratio is maintained */
		}