body {
  font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.logo-nav li:first-child {
  margin-right: auto;
}

.logo-nav a {
  margin-right: 15px;
  color: white;
  font-size: 1.5em;
  position: relative;	
  font-family: 'Teko', sans-serif;
}

/******** hover effects */
.hover-underline a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: red;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.hover-underline a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/*****************************/
.header {
  font-family: 'Fjalla One', sans-serif; 
  font-size: 36px; 
  font-weight: bold; 
  color: black; 
  position: relative;  
}

.highlight-selection {
  background-color: yellow;
  color: black !important;
}