<style>

#navbar-brand #currentpage a {
background-color: black;
color: white;
font-weight: bold;
}

#navbar #currentpage a {
background-color: black;
color: white;
font-weight: bold;
}

nav {
/*  height:100px;
  background:#8cb11c;
  position: fixed;
  top:0;
  right:0;
  left:0;*/
  transition:transform .25s .1s ease-in-out;
}

.down nav {
  transform:translate3d(0, -100px, 0);
}

.catcher {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.bottom-centered {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

</style>
