viewfinder/packages/kitchen-sink/react-remix/app/components/Brand/Brand.module.css

.brand-base {
  display: block;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: 75%;
  text-transform: uppercase;
  width: 2rem;
  text-align: center;
}

.hide {
  display: none;
}

@media (min-width: 720px) {
  .brand-base {
    width: 8rem;
    text-align: left;
  }

  .hide {
    display: inline;
  }
}