.hlogo-wrap {
  display: flex;
  flex-flow:row nowrap;
  align-items: center;
  gap: var( --gap, 15px );
}

.hlogo-wrap .leaf {
  width: var( --lw, 50px );
  height: auto;
}

@media ( min-width: 576px ) {
  .hlogo-wrap {
    --lw: 75px;
  }
}

@media ( min-width: 768px ) {
  .hlogo-wrap {
    --gap: 30px;
    --lw: 75px;
  }
}