/* H1 TEXT IN THE HEADER LOGO */
#brand {
  background-size: contain !important;
  /* always show the whole image, even if that leaves a little space to the sides or bottom. */
  background: rgba(0, 0, 0, 0) url("../../../assets/images/logo.png") no-repeat scroll 0 0;
  width: 200px;
  height: 45px;
}
#brand a {
  text-indent: -468.75rem;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 45px;
}
@media (min-width: 767px) and (max-width: 1199px) {
  #brand {
    width: 190px;
    height: 42.75px;
  }
}