.app-navbar {
  width: 100%;
  min-height: var(--app-navbar-height, 100px);
  padding: var(--app-navbar-padding, 24px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

:root {
  --app-navbar-height: 100px;
  --app-navbar-padding: 24px;
}

@media (max-width: 760px) {
  :root {
    --app-navbar-height: 92px;
    --app-navbar-padding: 20px;
  }
}