/* The same compact mark is used on the site and in browser icons. */
.brand-symbol,
.directory-home .brand-symbol {
  display: inline-flex;
  flex: none;
  width: 38px;
  height: 38px;
  padding: 0;
  background: transparent;
}
.brand-symbol img {
  display: block;
  width: 100%;
  height: 100%;
}
.brand-word { white-space: nowrap; }
.brand-word-accent { color: #597025; }
.atlas-mark { display: block; width: 48px; height: 48px; }
.directory-home .site-header .brand-symbol { width: 56px; height: 56px; }
@media (max-width: 600px) {
  .directory-home .brand-symbol { width: 30px; height: 30px; }
  .directory-home .site-header .brand-symbol { width: 44px; height: 44px; }
}
@media (max-width: 350px) {
  .directory-home .site-header .brand-symbol { width: 38px; height: 38px; }
}