.box-container{
  background-color: #000000;
  float: left;
  display: flex;
  
}

 .box {
      margin: auto;
     /* display: grid; 
      margin: auto;
      margin-bottom: 10px;
      padding: 12px 12px 12px;*/
      max-width: 80%;
      /* background-color: #000000; */
     
      
      }

.lusitana-regular {
  font-family: "Lusitana", serif;
  font-weight: 400;
  font-style: normal;
}

.lusitana-bold {
  font-family: "Lusitana", serif;
  font-weight: 700;
  font-style: normal;
}


nav ol{
  max-height:100%;
  width:18%;
  overflow:hidden; 
  overflow-y:scroll;
  }

[id] {
  display: none;
}
[id]:target {
  display:block;
}

body {
  background-color: #000000;
  /* background-image: url(/img/bg1.png); */
}
  /*
  width: 1000px;
  max-width: 98%;
  outline: 3px solid #000000; 
  
  */

/* link colors */
h1{
  position: relative;
  color: #d6fa69;
  font-family: "Lusitana", serif;
  text-align: center;
  
  }
h {
  
  margin-top: 12px;
  margin-bottom: 15px;
  color: #d6fa69;
  font-family: "Lusitana", serif;
  
  }
p {
      
      color: #FFFFFF;
      font-family: "Lusitana", serif;
      font-size: medium;
      margin: auto;
      margin-bottom: 10px;
      padding: 0px 12px 12px;
    }
    p1 {
      
      color: #FFFFFF;
      font-family: "Lusitana", serif;
      margin: auto;
     
      margin-bottom: 10px;
      padding: 0px 12px 12px;
    }
a {
      color: #FFFFFF;
      font-family: "Lusitana", serif;
    }

a:hover {
      color: #d6fa69;
    }
    
img {
  
  width:70%;
  display:block;
  max-width: 98%;  
  margin: auto;
  padding: 10px 10px 10px;
}

header {
  float: left;
  width: 100%;
  margin: auto;
  }