.logo {
  width: 60px;
  margin-right: 10px;
  margin-top: -8px;
}

@media (min-width: 300px) {
  .logo {
    width: 45px;
    margin-right: 10px;
    margin-top: -8px;
  }
}

@media (min-width: 576px) {
  .logo {
    width: 60px;
    margin-right: 10px;
    margin-top: -8px;
  }
}

@media (min-width: 576px) {
  .navbar-dark .navbar-brand {
    font-size: 20px;
  }
}

@media (min-width: 300px) {
  .navbar-dark .navbar-brand {
    font-size: 15px;
  }
}

.container-fluid.text-dark {
  background-color: rgb(52,58,64);
}

.container.text-dark {
  background-color: rgb(52,58,64);
}

@media (min-width: 300px) {
  .navbar-dark .navbar-toggler {
    width: 27px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
}