.site-navigation {
  background: black-eighty;
  border-bottom: 5px solid black-thirty;
}
.site-navigation .site-navigation--list {
  margin: 0;
  overflow: hidden;
  padding: 0;
/* flex box to centre children */
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.site-navigation li {
  float: left;
  list-style-type: none;
  margin-bottom: 0;
}
.site-navigation li a {
  color: #fff;
  display: block;
  float: left;
  font-size: 16px;
  padding: QuarterLineHeight 10px;
  text-decoration: none;
}
@media only screen and (min-width: 770px) {
  .site-navigation li a {
    padding: QuarterLineHeight 17px;
  }
}
.site-navigation li a:hover,
.site-navigation li a:active,
.site-navigation li a:focus {
  background: black-seventy;
  border-bottom: none;
}
.site-navigation li.home-link {
  padding: 0;
}
.site-navigation li.home-link a {
  background-image: url("/assets/images/sprite.svg");
  background-position: 1px -36px;
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
  padding: 42px 0 0 55px;
  width: 0;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.no-svg .site-navigation li.home-link a {
  background-image: url("/assets/images/sprite.png");
}
.site-navigation li.home-link a:hover,
.site-navigation li.home-link a:active,
.site-navigation li.home-link a:focus {
  background-color: background black-seventy;
  background-position: 1px -36px;
  color: black-ten;
  padding: 42px 0 0 55px;
}
@media only screen and (min-width: 770px) {
  .site-navigation li.home-link a {
    background-position: 10px -36px;
    padding: 42px 0 0 70px;
  }
  .site-navigation li.home-link a:hover,
  .site-navigation li.home-link a:active,
  .site-navigation li.home-link a:focus {
    background-position: 10px -36px;
    padding: 42px 0 0 70px;
  }
}
/* Black string balloon logo for active home navigation link */
.home .site-navigation .home-link a {
  background-color: black-thirty;
  background-position: 3px -77px;
  color: #fff;
}
.home .site-navigation .home-link a:hover,
.home .site-navigation .home-link a:active,
.home .site-navigation .home-link a:focus {
  background-position: 3px -77px;
}
@media only screen and (min-width: 770px) {
  .home .site-navigation .home-link a {
    background-position: 12px -77px;
    color: black-ninety;
  }
  .home .site-navigation .home-link a:hover,
  .home .site-navigation .home-link a:active,
  .home .site-navigation .home-link a:focus {
    background-position: 12px -77px;
  }
}
/* ACTIVE NAVIGATION styles
	Follows pattern of: 
	.body-class .site-navigation .navigation-link-class
	Both the body class and the navigation link class are the page name
*/
.fund .site-navigation .fund-link a,
.events .site-navigation .news-link a,
.blog .site-navigation .news-link a,
.about .site-navigation .about-link a,
.declaration .site-navigation .about-link a,
.manifesto .site-navigation .about-link a,
.ethical-design .site-navigation .about-link a,
.archive .site-navigation .about-link a,
.team .site-navigation .about-link a,
.privacy .site-navigation .about-link a,
.press .site-navigation .about-link a,
.contact .site-navigation .about-link a,
.talks .site-navigation .about-link a,
.consulting .site-navigation .about-link a,
.labs .site-navigation .labs-link a,
.videos .site-navigation .videos-link a,
.heartbeat .site-navigation .heartbeat-link a {
  background: black-thirty;
  color: black-ninety;
}