.brandMark {
  display:inline-block !important;
  position:relative !important;
  width:248px !important;
  height:112px !important;
  flex:none !important;
  background:url('/misfit-logo-master.svg') center/contain no-repeat !important;
  color:transparent !important;
  line-height:0 !important;
  filter:none !important;
}
.brandMark > * { visibility:hidden !important; }
.brandMarkCompact {
  width:128px !important;
  height:58px !important;
}
.brandLogo {
  width:270px !important;
  min-width:270px !important;
  height:122px !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.brandLogo .brandMark {
  width:270px !important;
  height:122px !important;
}
.nav {
  padding-top:14px !important;
  padding-bottom:14px !important;
  min-height:144px !important;
}
.wrapBrand .brandMark {
  width:138px !important;
  height:63px !important;
  opacity:1 !important;
}
.tagCleanLogo .brandMark {
  width:132px !important;
  height:60px !important;
}
.footerMark .brandMark {
  width:220px !important;
  height:100px !important;
  transform:none !important;
}
.tagFace.tagBack {
  background:url('/misfit-tag-back-production.png') center/contain no-repeat !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.tagFace.tagBack > * {
  visibility:hidden !important;
}
@media (max-width:900px) {
  .brandLogo { width:220px !important; min-width:220px !important; height:100px !important; }
  .brandLogo .brandMark { width:220px !important; height:100px !important; }
  .nav { min-height:118px !important; }
}
@media (max-width:640px) {
  .brandLogo { width:176px !important; min-width:176px !important; height:80px !important; }
  .brandLogo .brandMark { width:176px !important; height:80px !important; }
  .nav { min-height:96px !important; }
}