:root {
  --color-secondary: #d5c5b2;
  --color-secondary-darker: #c2ae96;
  --logo-width: 180px;
}
@media (min-width: 960px) {
  :root {
    --logo-width: 360px;
    --logo-width-collapsed: 206px;
  }
}

#page-header #logo {
  transform: translateY(6px);
}
@media (min-width: 960px) {
  #page-header.headroom--not-top #logo {
    transform: translateY(0);
  }
}

.services {
  background: var(--color-secondary);
}
.services .service-item {
  border-right: 1px solid var(--color-secondary-darker);
}
.services .service-item a:hover {
  background: var(--color-secondary-darker);
}

*:not(p).button, button, p.button > a {
  background: var(--color-muted);
  border: 2px solid #909090;
  color: var(--text-color);
}
*:not(p).button:hover, button:hover, p.button > a:hover {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}

/*# sourceMappingURL=style.css.map */