:root {
  --green: #59604f;
  --ink: #30362d;
  --muted: #60675c;
  --line: #d6dccf;
  --pale: #f0f3eb;
  --accent: #d3e79c;
}
.brand-mark {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border: 0;
  font-size: 0;
  background: #59604f url('business-card.png') -51.1px -67.8px / 327.6px 187.2px no-repeat;
}
.brand {font-weight: 500;}
.approved-logo {display:block;width:280px;height:auto;max-width:100%;}
@media(max-width:1100px){.approved-logo{width:230px}}
@media(max-width:520px){.approved-logo{width:235px}}
.hero {background-image: url('nature.jpg');}
.brand-sub {color: var(--green);}
.button:hover {background: #454c3e;}
.button.light:hover {background: #e0edb8;}
nav>a:hover {color: #667644;}
.hero-shade {background: linear-gradient(90deg,rgba(39,46,32,.92),rgba(39,46,32,.55) 53%,rgba(39,46,32,.18));}
.service-band,.contact-band {background: var(--pale);}
.status-dot {background: #65783e;}
.professional-band .eyebrow {color: var(--accent);}
.professional-band .section-heading>p,.professional-grid p {color: #f0f3e9;}
.professional-grid,.professional-grid article {border-color: #929b85;}
.book:first-child {background: #f1f4e9;}
@media(max-width:800px) {
  .brand-mark {
    width: 43px;
    height: 43px;
    flex-basis: 43px;
    background-position: -42.3px -56px;
    background-size: 270.9px 154.8px;
  }
}