:root {
  /* change your color choices below */
  --bgcolor: #F9F7F4;
  --fontcolor: #660000;
  --hilitecolor: #F57C00;
  /* Change fonts here (make sure to download any new fonts) */
  --header-font: NunitoBold;
  --text-font: sans-serif;
}

@font-face {
  font-family: NunitoBold;
  src: url(Nunito-Bold.ttf);
}

body,html {
  padding: 1em;
  background-color: var(--bgcolor);
  font-family: var(--text-font);
  color: var(--fontcolor);
  font-size: 1.2em;
  line-height: 1.6em;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
 
}

* {
  box-sizing: border-box;
}

a {
  color: var(--hilitecolor);
  font-weight: bold;
}

h1, h2 {
  font-family: var(--header-font);
  line-height: 1.1em;
  color: var(--hilitecolor);
}

#banner {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  display: block;
}

#main img {
  float: right;
  margin-left: 15px;
}

.center {
  text-align: center;
}

ol.steps {
  padding-left: 1.5em;
}

ul.checklist {
  list-style: none;          
  padding-left: 0;        
}

ul.checklist li {
  position: relative;    
  padding-left: 1.5em;   
}

ul.checklist li::before {
  content: "✓";             
  position: absolute;
  left: 0;
  color: var(--hilitecolor);           
  font-weight: bold;
}