.nav-brand {
  color: rgba(232,8,8,0.9);
  font-family: Comfortaa, serif;
  font-weight: bold;
  font-size: 24px;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 11px;
}

@media (min-width: 300px) {
  .nav-brand {
    color: rgba(232,8,8,0.9);
    font-family: Comfortaa, serif;
    font-weight: bold;
    font-size: 16px;
    padding-left: 0px;
    padding-bottom: 4px;
    padding-top: 3px;
    margin-top: 0px;
  }
}

.shelf {
  opacity: 30%;
}

.logo-2 {
  max-width: 88%;
}

@media (min-width: 768px) {
  #pbom-logo {
    width: 65px;
  }
}

@media (min-width: 300px) {
  #pbom-logo {
    width: 40px;
  }
}