:root {
  --primary-1: #264c51;
  --primary-2: #b85b24;
  --light: #eeece7;
  --border-white: #ffffff1a;
  --border-dark: #08262a1a;
  --white: white;
  --primary-3: #6b818c;
  --dark: #08262a;
  --input-border-dark: #08262a33;
  --border-white-bold: #ffffff40;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--primary-1);
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Mazius Display, sans-serif;
  font-size: 54px;
  font-weight: 400;
  line-height: 60px;
}

h2 {
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Mazius Display, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}

h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Mazius Display, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Mazius Display, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}

h5 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

p {
  max-width: 624px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: var(--primary-1);
  font-weight: 600;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 23px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  display: block;
}

blockquote {
  color: var(--primary-2);
  border-left: 1px #000;
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 0;
  font-family: Mazius Display, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.section {
  background-color: var(--light);
  align-items: center;
  padding-top: 96px;
  padding-bottom: 96px;
  display: block;
  position: relative;
}

.section.title-section {
  position: relative;
}

.section.title-section.bg-dark {
  border-top: 1px solid var(--border-white);
}

.section.bg-white._100pc {
  height: 100%;
}

.section.bg-white.hero {
  padding-top: 96px;
}

.section.border-top {
  border-top: 1px solid var(--border-dark);
}

.section.border-top._260top {
  padding-top: 260px;
}

.main-container {
  width: 100%;
  max-width: 1392px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.main-container.narrow {
  text-align: center;
  max-width: 1168px;
}

.main-container.fullscreen-container {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.main-container._10 {
  height: 100%;
}

.main-container.navigation {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.main-container.navigation.smaller {
  margin-top: 0;
}

.main-container.second {
  padding-top: 90px;
}

.squiggle-container {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.squiggle-container.top-left {
  z-index: 1;
  opacity: .15;
  position: absolute;
  top: -24px;
  left: -111px;
  overflow: visible;
  transform: rotate(3deg);
}

.squiggle-container.round {
  border-radius: 50%;
}

.squiggle {
  width: 150%;
  height: 150%;
  position: absolute;
  top: -25%;
  left: -25%;
}

.animated-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.animated-image-container {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.bg-primary-1 {
  background-color: var(--primary-1);
  color: var(--white);
}

.bg-primary-2 {
  background-color: var(--primary-2);
  color: var(--white);
}

.bg-primary-3 {
  background-color: var(--primary-3);
  color: var(--white);
}

.bg-dark {
  background-color: var(--dark);
  color: var(--white);
}

.bg-white {
  background-color: var(--white);
  color: var(--primary-1);
}

.display-heading {
  margin-bottom: 24px;
  font-family: Mazius Display, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.display-heading.no-bottom-margin {
  margin-bottom: 0;
}

.display-heading.section-title {
  text-align: center;
  margin-top: 39px;
  margin-bottom: 18px;
}

.display-heading.section-title.less-top-margin {
  margin-top: -27px;
  margin-bottom: 52px;
}

.display-heading.section-title.quote {
  margin-top: 67px;
}

.display-heading.section-title.services {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
}

.large-text {
  font-size: 18px;
  line-height: 30px;
}

.small-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.small-text.copy-write {
  margin-top: 25px;
}

.fine-print-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

.small-caps-text {
  letter-spacing: .1em;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.small-caps-text.subtitle {
  margin-bottom: 18px;
}

.small-caps-text.diagram-left-text {
  position: absolute;
  top: 24px;
  left: 9px;
  transform: translate(-50%);
}

.small-caps-text.diagram-right-text {
  position: absolute;
  top: 24px;
  right: 9px;
  transform: translate(50%);
}

.small-caps-text.section-title.less-bottom-margin {
  margin-bottom: 20px;
}

.bg-light {
  background-color: var(--light);
}

.button {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--primary-1);
  text-align: center;
  padding: 14px 24px;
  font-weight: 600;
  transition: box-shadow .2s;
  box-shadow: inset 0 0 20px 200px #0000;
}

.button:hover {
  box-shadow: inset 0 0 20px 200px #0000000d;
}

.button.small {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
}

.button.small.outline {
  flex: none;
}

.button.small.outline-white {
  color: var(--white);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.small.outline-white:hover {
  background-color: var(--white);
  color: var(--primary-1);
}

.button.outline {
  border-color: var(--primary-1);
  box-shadow: none;
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.outline:hover {
  background-color: var(--primary-1);
  color: var(--white);
}

.button.alternative {
  letter-spacing: .1em;
  text-indent: -.1em;
  border-radius: 200px;
  padding-left: 36px;
  padding-right: 36px;
  font-family: Optician Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.button.bg-primary-1 {
  border-color: var(--primary-1);
  background-color: var(--primary-1);
  color: var(--white);
}

.button.icon-button {
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.button.outline-white {
  box-shadow: none;
  color: var(--white);
  background-color: #0000;
  transition: color .2s, background-color .2s;
}

.button.outline-white:hover {
  background-color: var(--white);
  color: var(--primary-1);
}

.button-icon-image {
  flex: none;
  position: absolute;
}

.form-input {
  border: 1px solid var(--input-border-dark);
  color: var(--primary-1);
  background-color: #0000;
  height: 56px;
  margin-bottom: 0;
  padding: 16px 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: var(--primary-1);
}

.form-input::placeholder {
  color: var(--primary-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.form-input.small {
  height: 46px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.form-input.small.naked {
  border-style: none none solid;
  border-bottom-width: 2px;
  border-bottom-color: var(--primary-1);
  padding-left: 0;
}

.form-input.small.naked:focus {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}

.form-input.small.naked-white {
  border-top-style: none;
  border-bottom-width: 2px;
  border-right-style: none;
  border-bottom-color: var(--white);
  color: var(--white);
  border-left-style: none;
  padding-left: 0;
}

.form-input.small.naked-white:focus {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}

.form-input.small.naked-white::placeholder {
  color: var(--white);
}

.form-input.textarea {
  min-height: 200px;
}

.form-block {
  margin-bottom: 0;
}

.container-small {
  direction: ltr;
  width: 100%;
  max-width: 400px;
}

.container-small.align-center.contains-slider {
  position: relative;
}

.grid-halves {
  grid-column-gap: 48px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  align-items: center;
}

.grid-halves.reverse-direction {
  direction: rtl;
}

.grid-halves.ancient-tree {
  padding-left: 41px;
}

.container {
  direction: ltr;
  width: 100%;
  max-width: 512px;
  position: relative;
}

.container.align-center {
  margin-left: auto;
  margin-right: auto;
}

.container.align-center.text-center {
  margin-top: 69px;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.large-heading {
  margin-bottom: 24px;
  font-size: 54px;
  line-height: 60px;
  position: relative;
}

.text-grid-rows {
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.text-primary-2 {
  color: var(--primary-2);
}

.text-primary-2.top18 {
  margin-top: 18px;
  font-family: Open Sauce One, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.section-title {
  margin-bottom: 48px;
}

.image-squiggle {
  position: relative;
}

.image-squiggle.top-padding40 {
  padding-top: 0;
}

.section-contents {
  z-index: 1;
  position: relative;
}

.section-contents.oak {
  position: relative;
}

.underline-link.text-white.nav-link.w--current {
  color: var(--white);
  border-bottom-width: 0;
}

.underline-link.text-white.nav-link.mobile-contact {
  display: none;
}

.underline-link.margin-right {
  margin-right: 24px;
}

.underline-container {
  background-color: var(--border-dark);
  width: 100%;
  height: 1px;
  position: relative;
}

.underline-container.bg-white {
  background-color: var(--border-white);
}

.underline-line {
  background-color: var(--primary-1);
  width: 0%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.underline-line.bg-white {
  background-color: var(--white);
}

.navbar-container {
  z-index: 99;
  border-bottom: 1px none var(--border-dark);
  background-color: var(--light);
  flex-direction: column;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navbar-container.overlay-hero {
  border-bottom-style: solid;
  border-bottom-color: var(--border-white);
  background-color: #0000;
  margin-bottom: -160px;
}

.navbar-container.overlay-hero.sticky-top {
  max-height: 180px;
  margin-bottom: -200px;
  padding-top: 0;
  display: block;
}

.navbar-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #0000;
}

.navbar-left-content {
  align-items: center;
  display: flex;
}

.nav-menu {
  margin-left: 36px;
}

.nav-menu.no-left-margin {
  width: 40%;
  margin-left: 0;
}

.nav-menu.nav-menu-center {
  margin-left: 0;
}

.navbar-right-content-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  display: flex;
}

.navbar-right-item {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.nav-link {
  color: var(--primary-1);
  margin-left: 12px;
  margin-right: 12px;
  padding: 0;
  font-weight: 600;
  transition: opacity .2s;
}

.nav-link:hover {
  opacity: .65;
}

.nav-link.w--current {
  color: var(--primary-1);
}

.nav-link.dropdown-link {
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.nav-link.text-white {
  border: 2px solid #0000;
  padding-bottom: 0;
}

.nav-link.text-white.w--current {
  border-bottom-width: 2px;
  border-bottom-color: var(--white);
  color: var(--white);
}

.dropdown-icon {
  margin-left: 6px;
}

.dropdown-list.w--open {
  border: 1px solid var(--border-dark);
  background-color: var(--white);
  min-width: 200px;
  padding: 24px;
  font-size: 14px;
  line-height: 22px;
}

.dropdown-list.large {
  min-width: 320px;
}

.dropdown-list.wide {
  min-width: 280px;
}

.dropdown-link-item {
  color: var(--primary-1);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: color .2s;
}

.dropdown-link-item:hover, .dropdown-link-item.w--current {
  color: var(--primary-2);
}

.dropdown-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dropdown-grid-vertical.large {
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.dropdown-link-block {
  font-weight: 500;
  transition: color .2s;
}

.dropdown-link-block:hover {
  color: var(--primary-2);
}

.dropdown-link-block-heading {
  margin-bottom: 6px;
  font-weight: 700;
}

.navbar-right-content {
  align-items: center;
  display: flex;
}

.navbar-brand {
  flex: 1;
  justify-content: center;
  padding-left: 0;
  display: flex;
}

.navbar-brand.w--current {
  flex: none;
  width: 190px;
  height: 190px;
  display: block;
}

.text-white {
  color: var(--white);
}

.navbar-horizontal-menu {
  align-items: center;
  display: flex;
}

.social-links {
  align-items: center;
  margin-left: -9px;
  margin-right: -9px;
  display: flex;
}

.social-links.footer-social-links {
  margin-top: 48px;
  margin-bottom: 24px;
}

.social-link-image {
  max-height: 20px;
}

.social-link-item {
  flex: none;
  margin-left: 9px;
  margin-right: 9px;
}

.navbar-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .75fr 1.5fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: grid;
}

.full-logo {
  height: 100%;
  margin-top: 0;
  margin-bottom: 11px;
  position: absolute;
}

.nav-menu-center {
  float: none;
}

.nav-menu-center-container {
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 12px;
  display: flex;
}

.navbar-left-links {
  align-items: center;
  display: flex;
}

.footer {
  padding-top: 72px;
  padding-bottom: 48px;
}

.footer-top-row {
  justify-content: space-between;
  display: flex;
}

.footer-grid-thirds {
  grid-column-gap: 54px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  margin-right: 54px;
}

.links-grid-vertical {
  grid-row-gap: 12px;
  grid-template-columns: 1fr;
}

.contact-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-success {
  background-color: var(--primary-1);
  color: var(--white);
  text-align: center;
  padding: 24px;
}

.form-error {
  color: var(--primary-1);
  background-color: #f5c8c8;
  margin-top: 12px;
  padding: 16px;
}

.horizontal-form {
  display: flex;
}

.footer-heading {
  margin-bottom: 24px;
}

.footer-bottom-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 96px;
  display: flex;
}

.footer-meta {
  align-items: center;
  display: flex;
}

.footer-meta-item {
  margin-left: 24px;
}

.footer-meta-item.align-center {
  margin-left: 12px;
  margin-right: 12px;
}

.footer-2 {
  background-color: var(--dark);
  color: var(--white);
  padding-top: 96px;
  padding-bottom: 72px;
}

.footer-2-top-row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.horizontal-rule {
  clear: left;
  background-color: var(--border-white);
  height: 1px;
  margin-top: 72px;
  margin-bottom: 48px;
}

.footer-2-bottom-row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-2-logo {
  margin-bottom: 48px;
}

.footer-3-top-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-3-middle-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1072px;
  margin-top: 48px;
  margin-bottom: 120px;
  display: grid;
}

.footer-3-bottom-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.back-to-top-button {
  z-index: 999;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.container-large {
  width: 100%;
  max-width: 624px;
}

.container-large.align-center {
  position: relative;
}

.container-large.align-center.text-center.bottom-30 {
  margin-bottom: 50px;
}

.container-large.wide {
  max-width: 960px;
}

.text-center {
  text-align: center;
}

.section-large {
  background-color: var(--light);
  padding-top: 144px;
  padding-bottom: 144px;
}

.section-large.bg-white {
  background-color: var(--white);
}

.section-large.bg-white.border-bottom {
  border-bottom: 1px solid var(--border-dark);
}

.section-large.bg-primary-2 {
  background-color: var(--primary-2);
}

.section-large.bg-primary-2._80top {
  background-image: linear-gradient(#b85b24e6, #b85b24e6), url('../images/Noble-Trees-Logo--icon-only-white.svg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 80px;
}

.section-large.bg-primary-3 {
  background-color: var(--primary-3);
  position: relative;
}

.diagram {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.diagram-left {
  align-items: center;
  display: flex;
  position: relative;
}

.diagram-circle {
  background-color: var(--primary-1);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.diagram-line {
  background-color: var(--primary-1);
  width: 176px;
  height: 1px;
}

.diagram-center {
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  display: flex;
  position: relative;
}

.diagram-logo {
  position: absolute;
}

.medium-heading {
  text-align: center;
  margin-bottom: 18px;
  font-size: 40px;
  line-height: 48px;
}

.medium-heading.diagram-heading {
  margin-bottom: 0;
}

.medium-heading.diagram-heading.bottom-spacing-18 {
  margin-bottom: 18px;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.diagram-right {
  align-items: center;
  display: flex;
  position: relative;
}

.diagram-vertical-item {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.contained-section {
  max-width: 1072px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 24px;
  position: relative;
}

.contained-section.bg-light {
  padding-top: 44px;
  padding-bottom: 44px;
}

.link-with-arrow {
  align-items: center;
  display: flex;
}

.link-arrow-image {
  margin-left: 4px;
}

.composed-elements {
  position: relative;
}

.composed-elements.row {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.section-title-large {
  margin-bottom: 96px;
}

.section-title-large.text-center {
  position: relative;
}

.section-title-large.text-center.image-hero {
  margin-bottom: 0;
}

.hover-list-item-wrapper {
  border-top: 1px solid var(--border-white);
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.card {
  z-index: 2;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.card.right-align {
  justify-content: flex-end;
  display: flex;
}

.card.hidden {
  display: none;
}

.card.single {
  flex-direction: row;
  align-items: stretch;
}

.icon-grid {
  grid-column-gap: 20px;
  grid-row-gap: 48px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.icon-grid.services {
  grid-column-gap: 48px;
}

.icon-horizontal {
  align-items: flex-start;
  display: flex;
}

.icon-horizontal.heading {
  background-color: var(--primary-2);
  justify-content: center;
  align-items: center;
  padding-left: 63px;
  padding-right: 63px;
}

.icon-horizontal-image {
  flex: none;
  width: 50px;
  margin-right: 36px;
}

.icon-process-grid-thirds {
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-lines {
  align-items: center;
  display: flex;
}

.process-circle {
  background-color: var(--primary-2);
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.process-line {
  background-color: var(--primary-2);
  flex: 1;
  height: 1px;
}

.process-grid-text {
  flex-direction: column;
  align-items: center;
  max-width: 288px;
  display: flex;
}

.process-icon-and-line {
  margin-bottom: 24px;
}

.quote-card-body {
  background-color: var(--white);
  color: var(--primary-1);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 72px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.quote-card-body.reduced-bottom-margin {
  background-color: var(--light);
  padding-top: 35px;
  padding-bottom: 38px;
}

.quote-heading {
  margin-bottom: 2px;
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.quote-author {
  margin-bottom: 24px;
}

.quote-grid-thirds {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: minmax(auto, max-content);
  grid-template-columns: 1fr 1fr 1fr;
  height: auto;
  position: static;
}

.animated-image-placeholder {
  opacity: 0;
}

.form-grid-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.small-link {
  text-decoration: underline;
}

.form-grid-halves {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
}

.section-small {
  padding-top: 48px;
  padding-bottom: 48px;
}

.section-small.bg-dark {
  padding-top: 260px;
}

.popup {
  z-index: 10;
  border: 1px solid var(--border-dark);
  background-color: var(--white);
  align-items: center;
  width: 100%;
  max-width: 624px;
  padding: 24px;
  display: none;
  position: fixed;
  bottom: 24px;
  left: 24px;
}

.popup-dismiss {
  flex: none;
  margin-left: 12px;
}

.fullscreen-section {
  background-color: var(--dark);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 96px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.align-content-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.align-content-center.text-center {
  justify-content: space-between;
}

.fullscreen-bg {
  opacity: .54;
  object-fit: cover;
  width: 120%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10%;
}

.dropdown-grid-halves {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  align-items: start;
}

.featured-post-link {
  width: 100%;
  display: flex;
  position: relative;
}

.blog-vertical-item {
  border-top: 1px solid var(--border-white);
  justify-content: space-between;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.case-study-image-link {
  background-color: var(--dark);
  max-width: 400px;
  overflow: hidden;
}

.project-hover-link {
  color: var(--white);
  text-align: center;
  align-items: center;
  display: flex;
  position: relative;
}

.utility-page-section {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.utility-page-contents {
  background-color: var(--primary-2);
  color: var(--white);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.sticky-top {
  z-index: 999;
  position: sticky;
  top: 0;
}

.navbar-bg {
  background-color: var(--dark);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.search-icon {
  cursor: pointer;
}

.search-modal {
  z-index: 9999;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.search-modal-body {
  z-index: 2;
  background-color: var(--white);
  width: 100%;
  max-width: 624px;
  margin-top: 96px;
  padding: 48px;
  position: relative;
}

.search-modal-screen {
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.search-form {
  margin-bottom: 0;
  display: flex;
}

.search-result-url {
  color: var(--primary-2);
  margin-top: 6px;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 22px;
}

.search-result-list {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image {
  object-fit: scale-down;
  flex: none;
  max-height: 550px;
}

.boxed-text-2 {
  direction: ltr;
  color: #264c51;
  background-color: #fff;
  max-width: 336px;
  padding: 24px;
  display: none;
}

.text-overlay-element {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 48px;
  margin-bottom: -46px;
  margin-left: -48px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.text-overlay-element.left-align {
  align-items: flex-start;
}

.leaf-breaker {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -31% 0% auto -12%;
}

.leaf-breaker.about-page {
  z-index: 2;
  inset: 0% auto -92% -30%;
}

.image-2 {
  opacity: .18;
  object-fit: contain;
  height: 200px;
  position: static;
  transform: rotate(-51deg);
}

.acorn-green {
  opacity: .63;
  object-fit: contain;
  height: 200px;
  position: static;
  transform: rotate(83deg);
}

.footer-link-second-colour {
  color: var(--primary-2);
  text-decoration: none;
}

.image-3 {
  width: 220px;
  height: 200px;
}

.paragraph {
  margin-left: 0;
}

.div-block {
  width: 80%;
  margin-bottom: 41px;
  margin-left: auto;
  margin-right: auto;
}

.text-block {
  text-align: center;
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.sub-script {
  font-size: .8rem;
  font-style: italic;
}

.about-leaf {
  opacity: .83;
  object-fit: contain;
  height: 200px;
  position: static;
  transform: rotate(-51deg);
}

.number-bigger {
  font-size: 80px;
}

.testimonial-last {
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  max-height: 300px;
}

.image-4 {
  object-fit: cover;
  width: 100%;
  height: 300px;
  max-height: 30%;
}

._16pt-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.image-5 {
  width: 70%;
}

.image-5.atf {
  width: 50%;
}

.acc-text {
  text-align: center;
  width: 90%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.list-item {
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.bullet-wrapper {
  flex: none;
  align-self: center;
  padding: 16px 10px;
}

.dot {
  background-color: #905330;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 8px;
  height: 10px;
  display: flex;
  position: relative;
}

.list-txt-wrapper {
  align-self: center;
  padding-left: 5px;
}

.list-bold {
  margin-bottom: 0;
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.author {
  text-align: center;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: .8em;
  font-weight: 400;
}

.white-leaf {
  height: 180px;
  transform: rotate(-63deg);
}

.text-primary-3 {
  color: #b85b24;
  font-family: Open Sauce One, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.text-block-2 {
  font-size: 18px;
}

.icon-logo {
  z-index: -1;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.popup-inner {
  z-index: 10;
  border: 1px solid var(--border-dark);
  background-color: var(--white);
  align-items: center;
  width: 100%;
  max-width: 624px;
  padding: 24px;
  display: flex;
  position: fixed;
  bottom: 24px;
  left: 24px;
}

.navbar-brand-small {
  flex: 1;
  justify-content: center;
  padding-left: 0;
  display: flex;
}

.navbar-brand-small.w--current {
  flex: none;
  width: 130px;
  height: 130px;
  display: block;
}

.navbar-small {
  background-color: #0000;
  position: absolute;
  inset: 0% 48px auto;
}

.navbar-large {
  background-color: #0000;
  width: 100%;
  position: fixed;
  transform: none;
}

.full-brand-logo {
  width: 190px;
  margin-bottom: 10px;
}

.image-6 {
  width: 100%;
  display: block;
}

.navbar-smaller {
  background-color: #0000;
  width: 100%;
  position: fixed;
  transform: none;
}

.smalll-brand-logo {
  width: 120px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-2 {
  background-color: var(--dark);
  transform: translate(0, -100%);
}

._404-title, ._404-body {
  color: var(--white);
}

._404-leaf {
  transform: rotate(-63deg);
}

._60vh-section {
  background-color: var(--primary-1);
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 65vh;
  padding-top: 168px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arb-bg-image, .planting-bg-image {
  opacity: .69;
  object-fit: cover;
  object-position: 50% 50%;
  width: 120%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: -10%;
}

.policy {
  margin-top: 78px;
}

.policy h1 {
  margin-bottom: 47px;
  font-size: 48px;
  line-height: 1;
}

.policy p {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.policy h2 {
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

.policy ul {
  margin-bottom: 30px;
}

.policy li {
  line-height: 16px;
}

@media screen and (max-width: 991px) {
  h5 {
    margin-top: 24px;
    margin-bottom: 18px;
  }

  .main-container.navigation {
    justify-content: flex-start;
  }

  .large-text {
    text-align: center;
  }

  .button {
    margin-left: auto;
    margin-right: auto;
  }

  .container-small.align-center {
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    display: flex;
  }

  .grid-halves {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .large-heading, .large-heading.green, .text-primary-2.top18 {
    text-align: center;
  }

  .section-contents._80-top {
    flex-direction: column;
    align-items: center;
    margin-top: 65px;
    display: flex;
  }

  .underline-link.text-white.nav-link.w--current {
    color: var(--primary-2);
    display: block;
  }

  .nav-menu {
    border: 1px solid var(--border-dark);
    background-color: var(--white);
    margin-left: 0;
    padding: 18px 24px;
  }

  .nav-menu.no-left-margin {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .navbar-right-content-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .nav-link {
    margin: 6px 0;
  }

  .nav-link.dropdown-link {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link.text-white {
    color: var(--primary-1);
  }

  .dropdown-list.w--open {
    border-style: none;
    padding-top: 4px;
    position: relative;
  }

  .dropdown-link-item {
    color: var(--primary-3);
  }

  .menu-button {
    flex: none;
    margin-left: 12px;
    padding: 12px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .navbar-brand {
    flex: 0 auto;
  }

  .navbar-brand.w--current {
    justify-content: space-between;
  }

  .menu-button-icon {
    display: block;
  }

  .navbar-grid {
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .nav-menu-center-container {
    margin-top: 0;
    margin-bottom: 0;
  }

  .navbar-left-links {
    display: none;
  }

  .dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-top-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid-thirds {
    margin-bottom: 48px;
    margin-right: 0;
  }

  .footer-meta.footer-3-meta {
    margin-right: 24px;
  }

  .footer-3-top-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer-3-middle-row {
    grid-row-gap: 48px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 512px;
    margin-bottom: 96px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-3-bottom-row {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .container-large, .container-large.wide {
    max-width: 512px;
  }

  .container-large.section-title {
    text-align: center;
  }

  .section-large {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .icon-grid {
    grid-template-columns: 1fr;
    max-width: 512px;
  }

  .icon-horizontal.heading {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .icon-process-grid-thirds {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    height: 200px;
  }

  .process-lines {
    flex-direction: column;
  }

  .process-circle {
    display: none;
  }

  .process-line {
    flex: 0 96px;
    width: 1px;
    display: none;
  }

  .process-grid-item {
    align-items: flex-end;
    display: flex;
    position: relative;
  }

  .process-grid-text {
    flex-wrap: nowrap;
    max-width: none;
    position: absolute;
    inset: 0%;
  }

  .process-icon-and-line {
    flex-direction: column;
    flex: none;
    margin-bottom: 0;
    margin-right: 24px;
    display: flex;
  }

  .quote-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .featured-post-link, .blog-vertical-item.text-white {
    flex-direction: column;
  }

  .case-study-image-link {
    max-width: 300px;
    display: flex;
  }

  .image-3 {
    width: 180px;
    height: 180px;
  }

  .image-5 {
    width: 100%;
    position: relative;
    inset: 0%;
  }

  .image-5.atf {
    width: 80%;
    position: absolute;
    inset: 0%;
  }

  .acc-text {
    text-align: center;
  }

  .list {
    padding-left: 105px;
  }

  .navbar-brand-small {
    flex: 0 auto;
  }

  .navbar-brand-small.w--current {
    justify-content: space-between;
  }

  .full-brand-logo {
    flex: none;
    width: 140px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 40px;
  }

  h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .section.border-top._260top {
    padding-top: 120px;
  }

  .main-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .display-heading {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .small-caps-text.diagram-left-text {
    margin-bottom: 12px;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }

  .small-caps-text.diagram-right-text {
    margin-top: 12px;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
  }

  .small-caps-text.section-title {
    margin-bottom: 24px;
  }

  .container-small.align-center {
    max-width: 400px;
  }

  .large-heading {
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 48px;
  }

  .text-grid-rows {
    grid-row-gap: 24px;
  }

  .navbar-container {
    min-height: 72px;
  }

  .navbar-container.overlay-hero {
    background-color: var(--dark);
    margin-bottom: 0;
  }

  .navbar-right-content-wrapper {
    width: 80%;
  }

  .navbar-horizontal-menu, .social-links.navbar-social-links {
    display: none;
  }

  .dropdown {
    margin-bottom: 7px;
  }

  .footer-top-row {
    text-align: center;
    align-items: center;
  }

  .footer-grid-thirds {
    grid-column-gap: 54px;
    grid-row-gap: 48px;
    text-align: center;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .footer-bottom-row {
    flex-direction: column;
    margin-top: 72px;
  }

  .footer-meta {
    margin-top: 36px;
  }

  .footer-meta.footer-3-meta {
    margin-top: 0;
  }

  .footer-2-top-row {
    grid-template-columns: 1fr;
  }

  .footer-2-logo {
    margin-bottom: 24px;
  }

  .footer-3-middle-row {
    margin-bottom: 72px;
  }

  .section-large {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .diagram {
    flex-direction: column;
    margin-bottom: 48px;
  }

  .diagram-left {
    flex-direction: column;
  }

  .diagram-line {
    width: 1px;
    height: 72px;
  }

  .diagram-center {
    margin: 24px 0;
  }

  .medium-heading {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 40px;
  }

  .diagram-right {
    flex-direction: column;
  }

  .contained-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .icon-process-grid-thirds {
    grid-template-columns: 1fr;
    max-width: 400px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .process-grid-item {
    justify-content: center;
  }

  .process-grid-text {
    width: 100%;
    position: relative;
  }

  .section-small.bg-dark {
    padding-top: 120px;
  }

  .popup {
    max-width: 458px;
    bottom: 12px;
    left: 12px;
  }

  .fullscreen-section {
    height: auto;
    min-height: 80vh;
    padding-top: 133px;
    padding-bottom: 90px;
  }

  .blog-vertical-item.text-white {
    padding-left: 48px;
    padding-right: 48px;
  }

  .case-study-image-link {
    max-width: 200px;
  }

  .image-5 {
    width: auto;
    max-height: 200px;
  }

  .image-5.atf {
    width: auto;
    min-height: 250px;
    max-height: 300px;
    position: relative;
  }

  .popup-inner {
    max-width: 458px;
    bottom: 12px;
    left: 12px;
  }

  .smalll-brand-logo {
    width: 100px;
  }

  ._60vh-section {
    height: auto;
    min-height: 65vh;
    padding-top: 133px;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.border-top._260top {
    padding-top: 180px;
  }

  .main-container.navigation {
    margin-top: 0;
    padding-left: 6px;
    padding-right: 6px;
  }

  .main-container.navigation.smaller {
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }

  .squiggle-container {
    width: 136px;
    height: 136px;
  }

  .squiggle-container.top-left {
    top: -12px;
    left: -12px;
  }

  .squiggle-container.round.diagram-squiggle {
    width: 200px;
    height: 200px;
  }

  .squiggle {
    background-size: 36px;
  }

  .display-heading {
    text-align: center;
    font-size: 2rem;
    line-height: 1;
  }

  .display-heading.section-title.less-top-margin, .display-heading.section-title.quote {
    font-size: 2rem;
    line-height: 1.2;
  }

  .display-heading.section-title.services {
    font-size: 18px;
    line-height: 1.2;
  }

  .large-text {
    font-size: 16px;
    line-height: 24px;
  }

  .small-text.copy-write {
    text-align: center;
    font-size: 10px;
  }

  .small-caps-text.subtitle {
    text-align: center;
  }

  .form-input.small.naked {
    border: 1px solid var(--border-dark);
    margin-bottom: 12px;
    padding-left: 18px;
  }

  .form-input.small.naked-white {
    border: 1px solid var(--border-white-bold);
    margin-bottom: 12px;
    padding-left: 18px;
  }

  .container-small.align-center.contains-slider {
    margin-top: 0;
  }

  .grid-halves.contains-slider {
    flex-direction: column;
  }

  .grid-halves.ancient-tree {
    padding-left: 0;
  }

  .large-heading {
    font-size: 2.5rem;
  }

  .section-title {
    margin-bottom: 36px;
  }

  .section-contents._80-top {
    margin-top: 40px;
  }

  .underline-link.text-white.nav-link.mobile-contact, .nav-menu.no-left-margin {
    display: block;
  }

  .navbar-right-content-wrapper {
    flex: 1;
    width: 50%;
  }

  .dropdown-list.w--open {
    min-width: auto;
    padding: 18px;
  }

  .navbar-right-content {
    display: none;
  }

  .navbar-brand.w--current {
    display: block;
  }

  .full-logo {
    flex: 1;
    width: 120px;
    max-height: 75px;
  }

  .horizontal-form {
    flex-direction: column;
  }

  .footer-meta {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .footer-meta.footer-3-meta {
    margin-right: 0;
  }

  .footer-meta-item {
    margin-left: 0;
  }

  .horizontal-rule {
    margin-top: 48px;
  }

  .footer-2-logo {
    margin-bottom: 0;
  }

  .section-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large.bg-primary-2._80top {
    padding-top: 46px;
  }

  .section-large.bg-primary-3.more-top-mobile {
    height: 100%;
    padding-top: 105px;
  }

  .medium-heading.diagram-heading.bottom-spacing-18 {
    font-size: 2rem;
  }

  .contained-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .composed-elements.row {
    flex-direction: column;
  }

  .section-title-large.text-center {
    margin-bottom: 62px;
    padding: 0 17px;
  }

  .icon-horizontal {
    flex-direction: column;
  }

  .icon-horizontal.heading {
    padding-left: 23px;
    padding-right: 23px;
  }

  .icon-horizontal-image {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .icon-process-grid-thirds {
    grid-template-columns: 1fr;
  }

  .process-grid-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .process-grid-text {
    align-items: center;
  }

  .quote-card-body {
    padding-left: 24px;
    padding-right: 24px;
  }

  .quote-author {
    margin-bottom: 18px;
  }

  .form-grid-halves {
    grid-template-columns: 1fr;
  }

  .section-small.bg-dark {
    padding-top: 90px;
  }

  .popup {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    bottom: 0;
    left: 0;
  }

  .popup-dismiss {
    margin-top: 12px;
    margin-left: 0;
  }

  .fullscreen-section {
    min-height: 100vh;
  }

  .dropdown-grid-halves {
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .blog-vertical-item.text-white {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study-image-link {
    max-width: 100%;
  }

  .image {
    object-fit: cover;
    height: auto;
  }

  .boxed-text-2 {
    padding: 18px;
  }

  .text-overlay-element {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: relative;
  }

  .image-3 {
    width: 160px;
    height: 160px;
  }

  .sub-script {
    white-space: nowrap;
    line-height: 0;
  }

  .list {
    padding-left: 0;
  }

  .popup-inner {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    bottom: 0;
    left: 0;
  }

  .navbar-brand-small.w--current {
    display: block;
  }

  .navbar-large {
    transform: none;
  }

  .full-brand-logo {
    flex: none;
    justify-content: flex-start;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 8px;
  }

  .navbar-smaller {
    transform: translate(0, -100%);
  }

  .smalll-brand-logo {
    width: 80px;
    padding-left: 10px;
  }

  ._60vh-section {
    min-height: 65vh;
  }
}

#w-node-_671d06d8-69f5-f3cb-0659-421ffcdbdbe4-0a48e59c {
  align-self: center;
}

#w-node-d1280505-eff1-8129-e8ff-97a578de7972-e048e644 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1288cf84-3e14-2f1f-16e5-e2ba4dc09c22-9848e64e {
  grid-area: 1 / 1 / 2 / 2;
  place-self: stretch center;
}

@media screen and (max-width: 991px) {
  #w-node-_671d06d8-69f5-f3cb-0659-421ffcdbdbe4-0a48e59c {
    justify-self: center;
  }

  #w-node-ef5b0715-c3c3-2fc6-6665-5a74201001ae-0a48e59c {
    justify-self: stretch;
  }

  #w-node-_724c5256-7986-47e0-0a78-4cdd5cadbcd4-5cadbcc2, #w-node-_724c5256-7986-47e0-0a78-4cdd5cadbcd6-5cadbcc2 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Optician Sans';
  src: url('../fonts/Optician-Sans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/OpenSauceOne-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Mazius Display';
  src: url('../fonts/Mazius-Display-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Mazius Display';
  src: url('../fonts/Mazius-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}