/* basics */
html {
  height: 100%;
}
body {
  background: #fef6e3;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  line-height: 16pt;
  padding: 0;
}
h1 {
  font: 14pt Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 20pt;
	text-align: center;
}
p {
  display: block;
  margin: 0 0 30px 0;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #000000;
}
a:hover, a:active {
  color: #000000;
}
/* container */
.responsive-three-column-grid {
  display: block;
}
/* columns */
.responsive-three-column-grid > * {
  padding: 1rem;
}
/* tablet breakpoint */
@media (min-width:768px) {
  .responsive-three-column-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 2fr;
  }
}
/* make images responsice */
.responsive {
  width: 100%;
  height: auto;
}
/* justify text */
.justify {
  text-align: justify;
  text-justify: inter-word;
}