:root, [data-bs-theme=light] {
  --bs-primary: #004d8e;
  --bs-primary-rgb: 0,77,142;
  --bs-primary-text-emphasis: #001F39;
  --bs-primary-bg-subtle: #CCDBE8;
  --bs-primary-border-subtle: #99B8D2;
  --bs-secondary: #fee04b;
  --bs-secondary-rgb: 254,224,75;
  --bs-secondary-text-emphasis: #665A1E;
  --bs-secondary-bg-subtle: #FFF9DB;
  --bs-secondary-border-subtle: #FFF3B7;
  --bs-success: #b79065;
  --bs-success-rgb: 183,144,101;
  --bs-success-text-emphasis: #493A28;
  --bs-success-bg-subtle: #F1E9E0;
  --bs-success-border-subtle: #E2D3C1;
  --bs-info: #cac2be;
  --bs-info-rgb: 202,194,190;
  --bs-info-text-emphasis: #514E4C;
  --bs-info-bg-subtle: #F4F3F2;
  --bs-info-border-subtle: #EAE7E5;
  --bs-warning: #dc3545;
  --bs-warning-rgb: 220,53,69;
  --bs-warning-text-emphasis: #58151C;
  --bs-warning-bg-subtle: #F8D7DA;
  --bs-warning-border-subtle: #F1AEB5;
  --bs-light: #cac3be;
  --bs-light-rgb: 202,195,190;
  --bs-light-text-emphasis: #514E4C;
  --bs-light-bg-subtle: #F4F3F2;
  --bs-light-border-subtle: #EAE7E5;
  --bs-dark: #463930;
  --bs-dark-rgb: 70,57,48;
  --bs-dark-text-emphasis: #1C1713;
  --bs-dark-bg-subtle: #DAD7D6;
  --bs-dark-border-subtle: #B5B0AC;
  --bs-link-color: #cac3be;
  --bs-link-color-rgb: 202,195,190;
  --bs-link-hover-color: #cac3be;
  --bs-link-hover-color-rgb: 202,195,190;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #004d8e;
  --bs-btn-border-color: #004d8e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004179;
  --bs-btn-hover-border-color: #003E72;
  --bs-btn-focus-shadow-rgb: 217,228,238;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003E72;
  --bs-btn-active-border-color: #003A6B;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #004d8e;
  --bs-btn-disabled-border-color: #004d8e;
}

.btn-outline-primary {
  --bs-btn-color: #004d8e;
  --bs-btn-border-color: #004d8e;
  --bs-btn-focus-shadow-rgb: 0,77,142;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004d8e;
  --bs-btn-hover-border-color: #004d8e;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004d8e;
  --bs-btn-active-border-color: #004d8e;
  --bs-btn-disabled-color: #004d8e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #004d8e;
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #fee04b;
  --bs-btn-border-color: #fee04b;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #FEE566;
  --bs-btn-hover-border-color: #FEE35D;
  --bs-btn-focus-shadow-rgb: 38,34,11;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #FEE66F;
  --bs-btn-active-border-color: #FEE35D;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #fee04b;
  --bs-btn-disabled-border-color: #fee04b;
}

.btn-outline-secondary {
  --bs-btn-color: #fee04b;
  --bs-btn-border-color: #fee04b;
  --bs-btn-focus-shadow-rgb: 254,224,75;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #fee04b;
  --bs-btn-hover-border-color: #fee04b;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #fee04b;
  --bs-btn-active-border-color: #fee04b;
  --bs-btn-disabled-color: #fee04b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fee04b;
}

.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #b79065;
  --bs-btn-border-color: #b79065;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #C2A17C;
  --bs-btn-hover-border-color: #BE9B74;
  --bs-btn-focus-shadow-rgb: 27,22,15;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #C5A684;
  --bs-btn-active-border-color: #BE9B74;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #b79065;
  --bs-btn-disabled-border-color: #b79065;
}

.btn-outline-success {
  --bs-btn-color: #b79065;
  --bs-btn-border-color: #b79065;
  --bs-btn-focus-shadow-rgb: 183,144,101;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #b79065;
  --bs-btn-hover-border-color: #b79065;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #b79065;
  --bs-btn-active-border-color: #b79065;
  --bs-btn-disabled-color: #b79065;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b79065;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #cac2be;
  --bs-btn-border-color: #cac2be;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #D2CBC8;
  --bs-btn-hover-border-color: #CFC8C5;
  --bs-btn-focus-shadow-rgb: 30,29,29;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #D5CECB;
  --bs-btn-active-border-color: #CFC8C5;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #cac2be;
  --bs-btn-disabled-border-color: #cac2be;
}

.btn-outline-info {
  --bs-btn-color: #cac2be;
  --bs-btn-border-color: #cac2be;
  --bs-btn-focus-shadow-rgb: 202,194,190;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #cac2be;
  --bs-btn-hover-border-color: #cac2be;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #cac2be;
  --bs-btn-active-border-color: #cac2be;
  --bs-btn-disabled-color: #cac2be;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cac2be;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #BB2D3B;
  --bs-btn-hover-border-color: #B02A37;
  --bs-btn-focus-shadow-rgb: 250,225,227;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B02A37;
  --bs-btn-active-border-color: #A52834;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-outline-warning {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #cac3be;
  --bs-btn-border-color: #cac3be;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ACA6A2;
  --bs-btn-hover-border-color: #A29C98;
  --bs-btn-focus-shadow-rgb: 30,29,29;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #A29C98;
  --bs-btn-active-border-color: #98928F;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #cac3be;
  --bs-btn-disabled-border-color: #cac3be;
}

.btn-outline-light {
  --bs-btn-color: #cac3be;
  --bs-btn-border-color: #cac3be;
  --bs-btn-focus-shadow-rgb: 202,195,190;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #cac3be;
  --bs-btn-hover-border-color: #cac3be;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #cac3be;
  --bs-btn-active-border-color: #cac3be;
  --bs-btn-disabled-color: #cac3be;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cac3be;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #463930;
  --bs-btn-border-color: #463930;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3C3029;
  --bs-btn-hover-border-color: #382E26;
  --bs-btn-focus-shadow-rgb: 227,225,224;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #382E26;
  --bs-btn-active-border-color: #352B24;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #463930;
  --bs-btn-disabled-border-color: #463930;
}

.btn-outline-dark {
  --bs-btn-color: #463930;
  --bs-btn-border-color: #463930;
  --bs-btn-focus-shadow-rgb: 70,57,48;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #463930;
  --bs-btn-hover-border-color: #463930;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #463930;
  --bs-btn-active-border-color: #463930;
  --bs-btn-disabled-color: #463930;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #463930;
}


@media (max-aspect-ratio: 1/1) {
  #home .fit-cover {
      margin-top: 80px;
  }
}

@media (max-width: 768px) {
  #home .fit-cover {
      margin-top: 60px;
  }
}
/* Ensures image is centered and avoids overlap with navbar */
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 80px; /* Initial padding to avoid overlap */
}

.fit-cover {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top; /* Ensures the top of the image is visible */
}

/* Media query to adjust padding for smaller screens */
@media (max-width: 768px) {
  .image-container {
      padding-top: 100px; /* Adjust this to ensure navbar clearance on smaller screens */
  }
}

@media (max-height: 600px) {
  /* Adjust for very square or short screens */
  .image-container {
      padding-top: 120px; /* Further adjustment for more square layouts */
  }
}