.MainNav {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.MainNav-item {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
}

.MainNav-item svg {
    height: 32px !important;
  }

.MainNav-item svg {
    width: 32px;
    min-width: 30px;
    margin-right: 14px;
    color: transparent;
  }

@media screen and (min-width: 601px) {

.MainNav-item svg {
      height: 64px !important;
  }

.MainNav-item svg {
      width: 64px;
      margin-right: 28px;
  }
    }

.MainNav-item svg * {
      transition: stroke 250ms ease-in-out;
    }

.MainNav-item.is-Active,
  .MainNav-item:hover {
    color: #50b4ea;
  }

.MainNav-item.is-Active .MainNav-itemLink, .MainNav-item:hover .MainNav-itemLink {
      color: #50b4ea !important;
    }

.MainNav-item.is-Active svg *, .MainNav-item:hover svg * {
      stroke: #50b4ea;
    }

.MainNav-item + .MainNav-item {
  margin-top: 15px;
}

@media screen and (min-width: 769px) {

.MainNav-item + .MainNav-item {
    margin-top: 35px;
}
  }

.MainNav-itemLink {
  color: #ffffff !important;
}

.MainNav-itemLink {
  transition: color 250ms ease-in-out;
}