/* Make navbar width match content below */
.navbar .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Make navbar link area take more space */
@media (min-width: 768px) {
  .navbar .flex-1 {
    flex-grow: 3;
  }
}

/* Ensure other navbar elements don't take too much space */
.navbar .flex.items-center,
.navbar .hidden.sm\:flex.sm\:items-center.sm\:ms-6 {
  flex-shrink: 1;
  flex-grow: 0;
}

/* Improve mobile experience */
@media (max-width: 640px) {
  .navbar .flex.justify-between {
    flex-wrap: wrap;
  }
}