.fa {
  text-rendering: optimizeLegibility;
}

/* navigation */

.btn-xl { /* main nav button */
  color: #FFFFFF;
  background-color: #10104A; /* custom dark blue */
  letter-spacing: 2px;
  border-radius: 0px;
  padding: 3px 3px;
}
.navbar-default .nav li a { /* nav items */
    color:black;

/*  color: #787878; *//* custom grey */
  padding: 3px 3px;
}
.navbar-default .navbar-nav > .active > a { /* active nav item */
  color: #222222;
  background-color: #787878; /* custom grey */
  border-radius: 0px;
}
.navbar-default .navbar-toggle { /* hamburger button */
  background-color: #222222;
  border-radius: 0px;
  border-color: #787878; /* custom grey */
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #0000FF; /* same as non active */
  text-decoration: underline;  
  background-color: #787878; /* custom grey */
}
.navbar-nav > li{ /* new*/
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 8px;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .navbar-default {
    padding: 10px 0px;
  }
}

/* header graphics and font color */

header {
  background-image: url('../img/sottoOpaco50.png'); /* custom graphics */
  color: #990000; /* custom dark red */
}
header .intro-text .intro-heading {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
header .intro-text .intro-lead-in {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
}

/* section heading color */

section h2.section-heading {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #990000; /* custom dark red */
}

section h3.section-subheading {
  font-size: 20px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #10104A; /* custom dark blue */
}