.nav-container {
  width: auto;
  background-color: #0954f6;
  background-image: url('/public/assets/noise-light.png');
}

.navbar {
  top: 0;
  left: 0;
  width: auto;
  padding: 32px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-logo {
  font-family: Cal Sans;
  font-size: 24px;
  letter-spacing: 0.02em;
  color: #F7F8F9;
}

@media screen and (max-width: 768px) {
  .navbar {
    padding: 16px; /* Adjust the padding for smaller screens */
    flex-direction: column; /* Stack elements vertically */
    text-align: center; /* Center-align text */
  }

  .buenos-logo {
    height: 24px; /* Adjust the logo size for smaller screens */
    margin-bottom: 12px;
  }
}