.brand { display: inline-flex; align-items: center; }
.brand .wordmark { display: inline; color: #102c32; }
.brand .wordmark > span { color: #0f595a; }
footer .brand .wordmark { color: #fff; }
footer .brand .wordmark > span { color: #bfe1d7; }
@media (max-width: 520px) {
  .nav .brand { font-size: 20px; }
}