:root {
  --color-primary: #b28d6a;
  --color-primary-lighter: #c8ab90;
  --color-primary-darker: #8f6946;
  --color-secondary: #303940;
  --color-secondary-darker: #525d66;
  --logo-width: 100px; }
  @media (min-width: 960px) {
    :root {
      --logo-width: 200px;
      --logo-width-collapsed: 140px; } }

#page-header #logo img {
  width: 100%; }

@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); }

#page-footer {
  background: var(--color-secondary); }