:root {
  --color-secondary: #4F5F3B;
  --color-secondary-darker: #405030;
  --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); }