.quarto-title-block .quarto-title-banner {
  padding: 3rem 0rem;
  background-image: none !important;
  background:
      /* top, transparent red, faked with gradient 
      linear-gradient(
    rgba(227,27,35, 0.3),
    rgba(0,0,0, 0.5),
    rgba(0,134,63, 0.3)
      ),*/
      /* bottom, image */
      url('../images/Afromation_Logo_Wide.jpg') !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size:cover !important;
  background-position: right 0px top 0px;
}

#title-block-header.quarto-title-block.default .quarto-title .title {
  font-weight: 700 !important;
  font-size: 2.2rem;
  font-family: "Gotham SSm A", "Gotham SSm B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica     Neue", Arial, sans-serif !important;
  color: #fff !important;
}

.toc-active{
  color: #00863f;
}