.app-bar {
  background-color: white !important;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2) !important;
}

.app-bar-title {
  margin-right: auto !important;
}

.app-bar-menu-button {
  display: none !important;
}

.app-bar-logo {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.app-bar-text-color {
  color: #354052;
}

@media screen and (max-width: 600px) {
  .app-bar-link-button {
    display: block !important;
    padding: 0 !important;
    text-align: left;
  }

  .app-bar-menu-button {
    display: inherit !important;
  }

  .app-bar-hide {
    max-height: 0 !important;
    overflow: hidden
  }

  .app-bar-tool-bar {
    flex-wrap: wrap;
  }

  .app-bar-link-container {
    display: block;
    flex-basis: 100%;
    transition: ease-in-out 2s;
  }
}