html {
        font-family: 'Ubuntu', sans-serif;
      }

      body {
        margin: 0;
        font-size: 16px;
        background: #7e7b52;
      }

      header {
        background: #7e7b52;
        height: 200px;
      }

      #header_area h1 {
        text-align: center;
        color: #06060633;
        line-height: 200px;
        margin: 0;
        font-size: 78px;
      }

      footer {
        background: #303030;
        color: #dcdcdc;
        margin-top: 100px;
        padding-bottom: 30px;
      }

      .box_inner {
        background: white;
        color: black;
        text-align: center;
        width: 300px;
        height: 300px;
        border: 1px solid black;
       }

      .box_inner:hover {
        background: #ffeed9;      
      }

      .box_inner h2 {
        text-align: center;
        margin-top: 0;
        padding-top: 20px;
        text-decoration: none;
      }
      
      header a {
        text-decoration: none;
        color: #06060633;
      }
      
      header a:hover {
        color: black;
      }

      .box a {
        text-decoration: none;
      }

      .box a:hover {
        background: #efefef;
      }
      
      .boxA {
        background: #7d7f7c;     
      }

.wrapper3 {
  display: grid;
  grid-template-columns: repeat(3, 300px);
  justify-content: center;
  align-content: center;  
  gap: 0px 0px;
  }

.boxA {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;      
  border: 1px solid black;
  }

.boxB1 {
  grid-column: 3;
  grid-row: 1;
}

.boxB2 {
  grid-column: 3;
  grid-row: 2;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 100px;
  grid-template-rows: auto auto auto;
  padding-top: 50px;
  padding-left: 200px;
  padding-right: 200px;
}

.wrapper2 {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 30px 0px;
  margin-left: 200px;
  margin-right: 200px;
  }

.wrapper2-go {
  display: grid;
  grid-template-columns: 300px auto 100px;
  gap: 30px 0px;
  margin-left: 200px;
  margin-right: 200px;
  }

.boxLeft {
  background: black;
  color: white;
  text-align: right;
  font-size: 28px;
  padding-left: 40px;
  padding-right: 40px;
}

.boxRight{
  background: white;
  color: black;
  padding: 20px 40px;
  }

.boxGo{
  background: green;
  color: white;
  font-size: 70px;
  align-self: stretch;
  justify-self: start;
  padding: 0 15px;
  }

.boxGo a {
  text-decoration: none;
  color: white;
}

.boxGo a:hover {
  color: red;
}

.boxGo p {
  margin: 0;
}

.footer-top-left {
}

.footer-top-right {
}

.footer-left {
}

.footer-right {
}

.footer-bottom-left {
}

.footer-bottom-right {
  align-self: end;
}

.table_headrow td {
  color: white;
  background: #7e7b52;
}

.lvch_table1, .lvch_table2  {
  width: 100%;
}

.lvch_table1 td {
  padding: 5px  15px;
}

.lvch_table2 td {
  padding: 5px  15px;
  vertical-align: top;
  width: 50%;
}

.indent-negative {
 text-indent: -35px;
 margin-left: 35px;
 }