/* Bold Directions (eg N, S, Right, etc
   ==========================================*/
.direction
{
  font-weight: bold;
}

/* Align to Left (Looks silly centered with List...)
   ==========================================*/
@media (max-width: 767px)
{
h3
{
  text-align: left;
}

}

/* Make content fit on smaller screens..)
   ==========================================*/
@media (min-width: 768px) and (max-width: 992px)
{
li
{
  font-size: 15px;
}

h3
{
  font-size: 22px;
}

}