@font-face {
  font-family: "Ubuntu-BoldItalic";
  src: url("/cdn/Ubuntu-BoldItalic.ttf");
} 
@font-face {
  font-family: "Ubuntu-Italic";
  src: url("/cdn/Ubuntu-Italic.ttf");
}
@font-face {
  font-family: "Ubuntu-Light";
  src: url("/cdn/Ubuntu-Light.ttf");
}
@font-face {
  font-family: "Ubuntu-LightItalic";
  src: url("/cdn/Ubuntu-LightItalic.ttf");
}
@font-face {
  font-family: "Ubuntu-Medium";
  src: url("/cdn/Ubuntu-Medium.ttf");
}
@font-face {
  font-family: "Ubuntu-MediumItalic";
  src: url("/cdn/Ubuntu-MediumItalic.ttf");
}
@font-face {
  font-family: "Ubuntu-Regular";
  src: url("/cdn/Ubuntu-Regular.ttf");
}

@font-face {
  font-family: "Ubuntu-Bold";
  src: url("/cdn/Ubuntu-Bold.ttf");
} 

.navbar { font-family: "Ubuntu-Bold"; font-size: x-large; } 
.nav-item { padding-left: 19px; }


.xml-validation { font-family: "Ubuntu-Regular"; font-size: large; } 

.xml-validation > h1 {  font-size: large; }
.xml-validation > form > h2 {  font-size: medium; } 

.xml-validation > form > h3 {  font-size: small; }


h1 { font-family: "Ubuntu-Bold"; font-size: xx-large; }
h2 { font-family: "Ubuntu-Bold"; font-size: x-large; }
h3 { font-family: "Ubuntu-Bold"; font-size: large; }


.jumbotron{
    align-items:center;

    background-size:cover;
    background-position: top; /* position at the top */
    background-repeat: no-repeat;
    background-color:#898888;

}

/* this does nothing:
.nav-link.active { color: blue; }

.navbar-dark .nav-item > .nav-link.active  {
    color:white;
}

.navbar-nav > .active > a {
  color: aqua;
  background-color: chartreuse;    
}
.nav-item > a:hover {
  color: aqua;
}

.navbar-nav > .active  a{
    color : aqua;
}

.active a{
  color: red !important;
}

this only has an effect on the hovering:
.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item .nav-link:active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item:hover .nav-link {
    color: #00B159;
}
this does nothing:
.nav-link.active  {
    color: #AAB159;
}

.nav-link > .active > a { 
   color: blue ; 
}*/