@font-face {
  font-family: Philosopher-Regular;
  src: url(/fonts/Philosopher-Regular.ttf);
}

a.nav-link { 
	color: #458936;
	font-family: Philosopher-Regular;
}
a.menu-link { font-size: 180%; }

a.nav-link:hover {  color: #458936; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #458936; }
ul.nav { align-items: center; justify-content: center;}


h1, h2, h3 {
	font-family: Philosopher-Regular;
	color: #458936;
}


a {color: #458936; }
a:hover {color: #458936; }

button.btn {background-color: #458936; border-color: #458936; }
button.btn:hover {background-color: #376a2b; }


#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}