.topbar {
  position: relative;
}

.brand-logo {
  display: block;
  width: 300px;
  max-height: 70px;
  object-fit: contain;
  object-position: left center;
}

.greeting {
  margin-left: auto;
  min-width: 130px;
  padding: 9px 15px;
  border: 1px solid #ffffff45;
  border-radius: 9px;
  background: #ffffff12;
  color: #dbeaf8;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
}

.greeting strong {
  color: #fff;
  font-size: 17px;
}

@media (max-width: 680px) {
  .brand-logo {
    width: 220px;
    max-height: 52px;
  }

  .greeting {
    position: absolute;
    top: 14px;
    right: 16px;
    min-width: 108px;
    padding: 7px 10px;
  }
}