.navbarBrand {
  flex-basis:       auto;
  flex-grow:        0;
  flex-shrink:      0;
  width:            80%;
  @include media-breakpoint-up($navBreak) {

    width: 10rem;

  }
  @include media-breakpoint-up(xl) {

    width: 20rem;

  }
  height:           100%;
  background-color: transparent;
  z-index:          $zindex-navbar-fixed;
  text-align:       left;

  transition:       width .5s ease;
}

.brandLink {
  margin:         0;
  padding-top:    1rem;
  padding-bottom: 1rem;
}

.navbarLogo {
  width:      100%;
  height:     6rem;
  object-fit: contain;
  object-position: left center;
}