:root {
  --color-primary: #6c9c99;
  --color-primary-lighter: #84adab;
  --color-primary-darker: #4d807c;
  --logo-width: 180px;
}
@media (min-width: 960px) {
  :root {
    --logo-width: 280px;
    --logo-width-collapsed: 200px;
  }
}

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

.zzz-services {
  background: var(--color-secondary);
}
.zzz-services .service-item {
  border-right: 1px solid var(--color-secondary-darker);
}
.zzz-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 */