.qc-nav, .qc-nav-dark, .qc-nav-white{
  height: 80px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fafdff;
}

.qc-nav {
  background-color: #fafdff;
}

.qc-nav-dark {
  background-color: #20283b;
}

.qc-nav-white {
  background-color: #ffffff;
}

.qc-nav .navbar-brand, .qc-nav-white .navbar-brand {
    width: 234px;
    background-image: url('../img/logo-2.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition-property: none;
    height: 26px;
    margin-left: 14px;
}

.qc-nav-dark .navbar-brand {
  width: 234px;
  background-image: url('../img/logo-1.svg');
  background-repeat: no-repeat;
  background-position: center;
  transition-property: none;
  height: 26px;
  margin-left: 30px;
}

.btn-account {
  background-image: url('../img/account.svg');
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  border: none;
}
#logined_account_btn .btn:focus {
  box-shadow: none;
}

@media (max-width: 768px) {
  .qc-nav  .navbar-brand {
    margin-left: 15px;
  }

  .qc-nav-dark .navbar-brand {
    margin-left: 15px;
    width: 48px;
    height: 30px;
    background-image: url('../img/logo-cloud.svg');
  }


  .qc-nav-white .navbar-brand {
    margin-left: 0em;
    width: 48px;
    height: 30px;
    background-image: url('../img/logo-cloud-dark.svg');
  }
  
  .nav-link {
    padding-left: 0px;
  }
  .qc-nav,
  .qc-nav-dark  {
    height: 64px;
  }
}