.brand-logo {
  display: block;
  width: 60px;
  height: 60px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background: transparent;
}

.nav-wrap {
  background: var(--green);
  border-bottom-color: rgba(255, 255, 255, .12);
}

.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.38);
  padding: 0;
  background: transparent;
}

.footer-brand img {
  width: 86px;
  height: 72px;
  padding: 0;
  background: transparent;
  object-fit: contain;
  transform: scale(1.28);
  transform-origin: center;
}

.hero-image {
  left: 43%;
  background-image: url('/images/476139235_934109635579485_5758879829545539977_n.jpg');
  background-position: 52% 50%;
  transform: none;
}

.hero-shade {
  background:
    linear-gradient(90deg, #073f38 0%, #073f38 43%, rgba(7, 63, 56, .94) 50%, rgba(7, 63, 56, .1) 67%),
    repeating-linear-gradient(135deg, transparent 0 28px, rgba(211, 237, 70, .045) 28px 42px);
}

.hero::after {
  content: "";
  position: absolute;
  left: calc(43% - 34px);
  top: 130px;
  bottom: 0;
  width: 68px;
  z-index: 1;
  opacity: .3;
  background: repeating-linear-gradient(135deg, transparent 0 22px, var(--lime) 22px 34px, transparent 34px 56px);
  clip-path: polygon(0 0, 100% 0, 38% 100%, 0 100%);
}

.hero-content,
.hero-stats {
  z-index: 2;
}

@media (max-width: 800px) {
  .hero-image {
    left: 0;
    background-position: 57% 50%;
  }

  .hero-shade {
    background: linear-gradient(90deg, rgba(3, 29, 26, .96), rgba(3, 29, 26, .65)), linear-gradient(0deg, rgba(3, 29, 26, .78), transparent 58%);
  }

  .hero::after {
    display: none;
  }
}

.action-team img {
  object-position: 50% 8%;
}

@media (max-width: 800px) {
  .brand-logo {
    width: 48px;
    height: 48px;
  }

  .action-team img {
    object-position: 50% 5%;
    object-fit: contain;
    background: #0d1917;
  }
}