html, body {
  --main-color: #005C93;
  --complement-color: #007CC6;
}

.navbar-title {
  opacity: 0;
  visibility: hidden;
}

.sidebar {
  background: linear-gradient(0deg, var(--complement-color) 0%, var(--main-color) 90%);
}

  .sidebar.collapsible .logo {
    width: 14.5rem !important;
    margin: .25rem !important;
    border: 2px solid white;
    border-radius: 5px !important;
    transition: opacity var(--transition-speed) ease;
    background-color: white;
    -webkit-transition: opacity var(--transition-speed) ease;
  }

  .sidebar.collapsible.collapsed .logo {
    opacity: 0;
  }

@media (min-width: 870px) and (max-width: 1028px) {
  .sidebar.collapsible .logo {
    opacity: 0;
  }
}

@media (max-height: 560px) {
  .sidebar.collapsible .logo {
    opacity: 0;
  }
}