div {
  text-align: left;
  font-family: Arial;

}
body {
  background-color: #fff; 
  font-family: Arial;
  line-height: 20px;
  font-size: 14px;
}

.center { display: block; margin-left: auto; margin-right: auto; 
}

li::marker {
  color: lightblue;
}

ulh {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  font-family: Arial;
}

ulh li a {
  display: block;
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  color: darkgrey;
}

ulh li a:hover {
  color: lightblue;
  text-decoration: underline; 
}

b {
  color: #5d9cd4;
}

i {
  color: darkgrey;
}

h, h1, h2, h3, h4, h5 {
  margin-top: 0;
  color: #2b5d8a;
  padding: 0px;
  margin: 0px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.container { 
  display: flex;
  gap: 20px;
  align-items: justify;   
  margin: 20px 380px;
 } 

.col { 
  padding: 20px; 
  text-align: center;
  background: #fff; 
} 
  .left { flex: 1; 
  }   
  
  .right { flex: 1; 
  }      
  @media (max-width: 900px) {
.container { flex-direction: row; } 
  }