.site-heading {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
  }

  .location {
    font-size: 1.2rem;
    color: #f0f0f0;
  }

  .navbar-custom {
    background-color: #2C7384; /* Custom background color */
  }

  .navbar-custom .navbar-brand,
  .navbar-custom .nav-link {
    color: #ffffff; /* Custom text color */
  }

  .navbar-custom .navbar-brand:hover,
  .navbar-custom .nav-link:hover {
    color: #f1f1f1; /* Hover color */
  }

  .navbar-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
	//margin-top:220px;
  }

  /* Mobile view: Stack elements vertically */
  @media (max-width: 767px) {
    .navbar-custom {
      padding: 10px 0;
    }

    .site-heading,
    .navbar-center {
      text-align: center;
      width: 100%;
      position: static; /* Remove absolute positioning for stacking */
    }

    .navbar-collapse {
      width: 100%;
    }

    .navbar-nav {
      text-align: center;
      width: 100%;
    }

    .navbar-nav .nav-item {
      margin: 5px 0; /* Space between navbar items */
    }

    .navbar-toggler {
      margin-left: auto;
    }
  }