/* Shared transparent SiteGuard wordmark. The footer deliberately uses a slightly larger lockup. */
.logo,
.brand { font-size:0 !important; }

.logo span,
.brand span {
  display:inline-block !important;
  overflow:hidden;
  color:transparent !important;
  font-size:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url("/siteguard-logo-launch.png") center/contain no-repeat !important;
  box-shadow:none !important;
}

header .logo span,
header .brand span {
  width:176px !important;
  height:51px !important;
  flex:0 0 176px;
}

footer .logo span,
footer .brand span {
  width:210px !important;
  height:60px !important;
  flex:0 0 210px;
}

.shield {
  width:46px !important;
  height:46px !important;
  flex:0 0 46px;
  display:inline-block !important;
  overflow:hidden;
  color:transparent !important;
  font-size:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url("/siteguard-shield2-final.png") center/contain no-repeat !important;
  box-shadow:none !important;
}

@media (max-width:600px) {
  header .logo span,
  header .brand span { width:144px !important; height:42px !important; flex-basis:144px; }
  footer .logo span,
  footer .brand span { width:168px !important; height:48px !important; flex-basis:168px; }
  .shield { width:40px !important; height:40px !important; flex-basis:40px; }
}