.Navbar {
  background-color: #2d8659;
  display: flex;
  padding: 20px;
  font-family: sans-serif;
  color: white;
}

.Navbar__Link a {
  line-height: 1;
  color: #ffffff;
  transition: 0.3s;
}
.Navbar__Link a:hover {
  color: #000000;
}
.Navbar__Link {
  padding-right: 8px;
}

.Navbar__Items {
  display: flex;
}

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

.Navbar__Link-toggle {
  display: none;
}

@media only screen and (max-width: 768px) {
  .Navbar__Items,
  .Navbar {
    flex-direction: column;
  }
    
.Navbar__Items {
    display:none;
  }
    
.Navbar__Items--right {
    margin-left:0;
  }
    
.Navbar__ToggleShow {
    display: flex;
  }
    
.Navbar__Link-toggle {
    align-self: flex-end;
    display: initial;
    position: absolute;
    cursor: pointer;
   } 
}