.bg_img {
    /* The image used */
    /* background-image: url("../main-banner_doc_3_scld_crpd3_brshd.jpg"); */
    background-image: url("../images/main-banner_doc_3_scld_crpd_brshd.jpg");

    min-height: 777px;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
    /* Needed to position the navbar */
    position: relative;
  }
 
/* Position the spacer container around main character inside the background-image */
.spacer_container {
  position: absolute;
   top: 10px; left: 470px;
  width: 300;
}

/* Position the spacer container around main character inside the background-image */
.spacer_container_pages {
  position: absolute;
   top: 10px; left: 300px;
  width: 600;
}

.body_core_container {
  position: absolute;
   top: 190px; left: 320px; right: 70px;
 /* width: 600; */
}

.body_core_container a {
  color: #f9ebd2;
}

.body_core_container dt {
  color: #eff37d;
  font-size: 30px;
  font-weight: bold;
}

.body_core_container dd, li {
  color: #e3c898;
  font-size: 25px;
  overflow-wrap: normal;

}

/* Position the logo container inside the background-image */
 .logo_container {
  position: absolute;
  top: 0px; left: 25px;
  width: 200;
  height: 200;
  }
    
.img .logo {
  position: absolute;
  top: 0px;
  left: 15px;
}

.title_text {
    position: relative; /* relative to the .img .logo */
    top: -77px;
    left: 45px;
    color: #f9ebd2;
    font-weight: bold;
    text-align: center;
    font-size: 60px;
    line-height: 0.9;
  }

  /* Position the navbar container inside the background-image */
  .nav_container {
    position: absolute;
    top: 30px; right: 50px;
    margin: 20px;
    width: auto;
  }
  
  /* The navbar */
  .topnav {
    overflow: hidden;
    /* background-color: #6e90bf; */
    background-color: transparent;
  }
  
  /* Navbar links */
  .topnav a {
    float: left;
    color: #f9ebd2;
    text-align: center;
    /* padding: 14px 16px; */
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
  }
  
  .topnav a:hover {
    /* background-color: #ddd; */
    background-color: transparent;
    color: #d19d10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
  }

  .topnav table {
    border-spacing: 9px;
  }

  .topnav tr:not(:last-child) td {
    padding-top: 0em;
  }

 .topnav td {
    padding: 1px;
  }