.navbar-nav > li.dropdown {
    position: relative; /* Ensures the dropdown is anchored correctly */
}
.navbar-nav .dropdown-menu {
    top: 100%;
    left: 0;
}

/* Logo styling */
.navbar-brand img {
    display: block;
    width: 180px; /* Default logo width */
    height: auto;
}

/* Mobile adjustments */
@media (max-width: 991px) {
    .navbar-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .navbar-brand img {
        width: 140px; /* Shrink logo on mobile */
    }

    .navbar-collapse {
        margin-top: 10px; /* Adds spacing under the header */
    }
}


.phone-number h1 {
  font-size: 42px; /* default desktop size */
}

@media (max-width: 600px) {
  .phone-number h1 {
    font-size: 28px; /* smaller on mobile */
  }
}


/* Scope just this section */
#get-connected { text-align: center; }
#get-connected .details,
#get-connected h2,
#get-connected h4,
#get-connected .phone-number { margin-left: auto; margin-right: auto; }

/* Social icons back in a row */
#get-connected .social-icons { 
  display: flex !important;
  flex-direction: row;     /* horizontal row */
  justify-content: center; /* centered horizontally */
  gap: 40px;               /* spacing between icons */
  padding: 0;
  margin: 0 auto;
}
#get-connected .social-icons li {
  list-style: none;
  float: none !important;
}
#get-connected .social-icons li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center !important;
}