body {
  font-family: merriweather, serif;
  font-weight: 300;
  font-style: normal;
  background-color: #FFF9E3;
}

h1, h2, h3, h4, strong, figcaption {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* === Navbar === */
.navbar {
  background-color: #D0E6FF !important;
}
/* Limit width to 1320px and center */
.navbar .container-fluid {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-link {
  font-size: 20px !important;
  color: #222222 !important;
  transition: color 0.3s ease;
}

.nav-link:hover,
.nav-link:focus {
  color: #111111 !important;
  text-decoration: underline !important;
}

.navbar-nav .active > .nav-link {
  color: #000000 !important;
  font-weight: 600 !important;
	background-color: rgba(255, 255, 255, 0.15);
}

/* === Footer === */
footer {
  background-color: #F6E27F;
}
/* Wrap footer content at 1320px */
footer > .container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

footer a {
  color: #1A237E;
  text-decoration: underline;
}
footer a:hover,
footer a:focus {
  color: #3949AB;
  text-decoration: none;
}

header .container {
position: relative;
}

/* === Hero Image text === */
header .container h1 {
position: absolute;
bottom: 0;
left: 30px;
width: 100%;
padding: 20px 10px;
color: #fff;
margin: 0;
text-shadow: 0 1px 0 black;
}

/* === Images Gallery Borders & Radius === */
.container-image-gallery .card-img {
  border: 3px solid #D0E6FF;  /* Adjust color and thickness as desired */
  border-radius: 15px;         /* Rounded corners */
  transition: border-color 0.3s ease;
  display: block;              /* Ensures no inline gaps */
  max-width: 100%;             /* Responsive */
  height: auto;
}

section.container img.img-fluid.rounded {
  border: 3px solid #D0E6FF;
  border-radius: 15px;
  transition: border-color 0.3s ease;
  display: block;
  max-width: 100%;
  height: auto;
}

/* === Contact Us Text Contained === */
.container-contact {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}