@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap');

:root {
  --brand-navy: #243550;
  --font-brand-en: "Cormorant Garamond", Georgia, serif;
}

.brand-name,
.site-nav .brand-name,
.topbar .brand-name {
  color: var(--brand-navy);
  font-family: var(--font-brand-en);
  font-size: 1.42rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .005em;
  text-transform: none;
}

.brand-mark,
.site-nav .brand-mark,
.topbar .brand-mark {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  object-fit: cover;
  display: block;
}

@media (max-width: 560px) {
  .brand-name,
  .site-nav .brand-name,
  .topbar .brand-name {
    font-size: .92rem;
  }

  .brand-mark,
  .site-nav .brand-mark,
  .topbar .brand-mark {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}