:root {
  --darkgreen: #005361;
  --white: #fff;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body,
.tabs-to-dropdown .dropdown-toggle,
.tabs-to-dropdown .dropdown-item {
  font-size: 1.3rem;
}

.tabs-to-dropdown .nav-wrapper {
  padding: 15px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);
}





.tabs-to-dropdown .nav-wrapper a {
  color: var(--darkgreen);
}

.tabs-to-dropdown .nav-pills .nav-link.active {
  background-color: var(--darkgreen);
}

.tabs-to-dropdown .nav-pills li:not(:last-child) {
  margin-right: 30px;
}

.tabs-to-dropdown .tab-content .container-fluid {
  max-width: 1250px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.tabs-to-dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.08);
}

.tabs-to-dropdown .dropdown-item {
  padding: 14px 28px;
}

.tabs-to-dropdown .dropdown-item:active {
  color: var(--white);
}

@media (min-width: 1280px) {
  .tabs-to-dropdown .nav-wrapper {
    padding: 15px 30px;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 1.2rem; /* or 1.2rem if still small */
  }

  header a {
    font-size: 1.4rem; /* Make the header link larger */
  }

  .page-footer {
    position:unset !important;
    
  }

  .figure-caption {
    margin-bottom: 50px;
  }

  img.img-fluid {
    max-width: 100% !important;
  }

  .crop-profile {
    max-width: 85%; /* For your profile image */
  }

  /* If text feels cramped, add spacing */
  p, ul {
    line-height: 1.6;
  }


  .figure.float-start,
  .figure.float-end {
    float: none !important;
    margin: 0 auto !important;
    display: block;
    text-align: center;
  }

  .figure img {
    max-width: 90% !important; /* optional: size nicely */
    height: auto;
    
  }

  /* Ensure text doesn’t sit beside the image */
  p {
    clear: both;
  }
}





.crop-img {
  width: 300px;
  height: 250px;
  object-fit: cover;
  object-position:center;
}
.crop-img-large {
  width: 1080px;
  height: 720px;
  object-fit: cover;
  object-position: center;
}
.crop-profile {
  width: 250px;
  height: 350px;
  object-fit:cover;
  margin: 20px;
  margin-top: 0px;
  object-position: center;
}




/* FOOTER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: fixed;
  right: 15px;
  bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  padding: 5px;
  background: var(--white);
}

.page-footer a {
  margin-left: 4px;
}