:root {
  --main-color: #476D64;
}

.hero, .order {
  background-color: var(--main-color);
}

.nav-list__item {
  color: white;
}

.is-header-fixed .header__logo-link svg {
  fill: black;
}

.is-header-fixed .nav-list__item {
  color: black;
}

.helper {
  display: flex;
  gap: 13px;
  align-items: center;
}

.helper svg {
  flex-shrink: 0;
  fill: white;
}

@media screen and (max-width: 480px) {
  .hero__title {
    font-size: 2.575rem;;
  }
}
