.navbar-nav .nav-link {
    color: white !important;
  }
  
  .navbar,
  .navbar-light {
  background-color:#2E4F4F;
  
  }
  
  .navbar {
    padding-top: 0.25rem;    /* reduce top padding */
    padding-bottom: 1rem; /* reduce bottom padding */
    height: auto;        /* set a smaller min-height */
  }
  
  .navbar-brand {
  position: relative;
  height: 80px; /* control navbar-brand height explicitly */
  display: flex;
  align-items: center; /* vertically center */
}
.navbar-brand img {
  height: 140px;  /* increase as needed */
  width: auto;
  position: absolute;
  top: -20px; /* move up if it overflows */
}
  
  .nav-link {
    padding-top: 0.25rem;
    padding-bottom: 1.5rem;
    font-size: 0.9rem;       /* optionally smaller font */
  }
  
  @media (max-width: 991.98px) { /* Applies on small screens (below lg breakpoint) */
    .navbar-collapse {
      text-align: center;
    }
  
    .navbar-nav {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; /* Center the items horizontally */
    }
  
    .navbar-nav .nav-link {
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .navbar-nav {
      margin-right: 100px; /* move left */
    }
    .shift-logo{
        margin-left: 120px;
    }
  }
  
  body {
    /* center image */
   
    background-color: #F0F2F7;                   /* remove default margin */
  }

  .landing {
    height: 100vh; /* fills full screen height */

    background-size: cover;         /* scales image to cover whole area */
    /* centers the image */
    background-repeat: no-repeat; 
  }
  .landing-content {
    text-align: left;             /* keep text aligned to the left */
    max-width: 600px;             /* optional: control width */
    padding: 20px;                /* optional: spacing */
    color: white;  
    margin-top: 10%;              /* optional: for visibility */
  }

  .project-layout {
    display: flex;
    align-items: flex-start;
    padding: 40px;
    font-family: Arial, sans-serif;
    position: relative;
  }
  
  .label-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: bold;
    color: #1b2a49;
    margin-right: 20px;
    letter-spacing: 6px;
  }
  
  .project-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
    margin-top: 80px;
  }
  
  .text-column {
    flex: 1 1 45%;
    max-width: 600px;
  }
  
  .image-column {
    flex: 1 1 50%;
    text-align: right;
  }
  
  .project-title {
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: #0c1a3e;
  }
  
  .info-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    font-size: 1rem;
    color: #555;
  }
  
  .highlight {
    font-weight: bold;
    color: #0c1a3e;
  }
  
  .description {
    line-height: 1.6;
    font-size: 1rem;
    color: #333;
  }
  
  .image-column img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
  }
  
  .photo-credit {
    font-size: 0.9rem;
    color: #666;
    margin-top: 8px;
    text-align: right;
  }
  




  @media (min-width: 992px) {
    .description-living {
      margin-top: 160px;
    }
  }
  
  .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
    background-color: #2E4F4F;
    color: #fff;
  }
  
  .footer-logo {
    height: 40px; /* Adjust as needed */
  }
  
  .footer-right a {
    color: #fff;
    text-decoration: none;
  }
  
  .footer-right a:hover {
    text-decoration: underline;
  }
  
  @media (max-width: 768px) {
    .footer {
      flex-direction: column;
      text-align: center;
      padding: 10px;
    }
  
    .footer-left,
    .footer-right {
      width: 100%;
    }
  
    .footer-logo {
      margin-bottom: 10px;
    }
    .project-content {
      flex-direction: column; /* stack items vertically */
      gap: 20px;              /* smaller gap on mobile */
      align-items: center; 
      margin-top: 10px;   /* center items */
    }
    .project-layout {
      display: flex;
      align-items: flex-start;
      padding-top: 10px;
      font-family: Arial, sans-serif;
      position: relative;
    }
  }
  

  .landing-arata {
    height: 100vh; /* fills full screen height */
   
    background-size: cover;         /* scales image to cover whole area */
    /* centers the image */
    background-repeat: no-repeat; 
  }

  .landing-sensok {
    height: 100vh; /* fills full screen height */

    background-size: cover;         /* scales image to cover whole area */
    /* centers the image */
    background-repeat: no-repeat; 
  }
  .landing-bodaiju {
    height: 100vh; /* fills full screen height */

    background-size: cover;         /* scales image to cover whole area */
    /* centers the image */
    background-repeat: no-repeat; 
  }

  .last{
    margin-bottom: 100px;
  }


  .landing {
    position: relative;
    height: 100vh;
    overflow: hidden;
  }
  
  .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }
  
  .title,
  .navbar {
    position: relative;
    z-index: 1;
  }