* {
  box-sizing: border-box;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

html {
  font-family: "Amazon Ember Display", "Amazon Ember", Arial;
  background-color: #F3F3F3;
}

.header {
  padding: 15px;
}
.highlighted {
  color: #0066c0;
}

.bold {
  font-weight: bold;
}

h1 {
  display: block;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 5px;
  margin-inline-end: 5px;
  line-height: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}

h2 {
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
}

body {
  font-size: 14px;
  line-height: 19px;
  color: #111;
}

.header {
  margin-left: -5px;
}

.headline-text {
  font: -apple-system-headline;
  font-family: "Amazon Ember Display", "Amazon Ember", Arial;
}

.sub-headline-text {
  font: -apple-system-subheadline;
  font-family: "Amazon Ember Display", "Amazon Ember", Arial;
}
 
.body-text {
  font: -apple-system-body;
  font-family: "Amazon Ember Display", "Amazon Ember", Arial;
}
 
.header1 {
  /* font-size at 20px in em */
  --pixels: 20;
  font-size: var(--font-size);
  font-weight: bold;
}
 
.header2 {
  /* font-size at 18px in em */
  --pixels: 18;
  font-size: var(--font-size)
}
 
.header3 {
  /* font-size at 18px in em */
  --pixels: 17;
  font-size: var(--font-size)
}
 
.paragraph {
  /* font-size at 15px in em */
  --pixels: 15;
  font-size: var(--font-size)
}
 
.date {
  /* font-size at 14px in em */
  --pixels: 14;
  font-size: var(--font-size);
  color: grey;
  font-weight: bold;
}
 
p {
  text-align: left;
  text-justify: auto;
}
 
li {
  text-align: left;
  text-justify: auto;
}

a:hover, a.active {
  color: #C45500;
}

a.visited {
  color: #0066C0;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

hr { width:100%; height:1px; background: #250f0f; }
}