@media (max-width: 900px) {
  .header {
    padding: 14px 6%;
  }

  .logo img {
    height: 65px;
  }

  .navbar {
    position: absolute;
    top: 95px;
    left: 6%;
    right: 6%;
    display: none;
    flex-direction: column;
    background: #ffffff;
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
  }

  .navbar.active {
    display: flex;
  }

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

  .nav-btn {
    display: none;
  }

  .menu-toggle {
    display: block;
  }
}