/* DEMO */

/*
TODO
- merge font settings
*/

.tools {
  font-size: small;
  display: none;
}
.tools ul {
	display: flex;
	flex-flow: row wrap;
  align-items: flex-start;
  background: #000;
  color: #ddd;
}
.tools ul li {
	padding: 0.5em 1em;
  margin: 0;
}
.tools ul li a {
	color: #fff;
}
@media screen and (min-width: 1280px) {
  .tools {
    position: fixed;
    z-index: 999;
    bottom: 3em;
  }
  .tools ul {
    flex-flow: column nowrap;
  }
  #tools-navigation {
    left: 0;
  }
  #tools-keys {
    right: 0;
  }
}