* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  font-family: 'Open Sans';
  color: #000;
}

body {
  /*width: 96vw;*/
  min-height: 100vh;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/*.header {
    padding: 0px;
    margin:auto;
    line-height:0%
}*/

.main {
  /*width: 100%;*/
  /*float: left;*/
  padding: 0px 5px;
  margin-left:8px;
  margin-right:8px;
  /*border: 1px solid red;*/
}

.main h1 {
    padding-top:10px;
    padding-bottom:0px;
    margin-bottom:0px;
    font-family:'Crimson Pro';
    font-size: calc(1rem + 2.0vw);
    text-align: center;
    color: #0A3B1D;
    margin: 10px 16px 10px 16px;
}

.main h2 {
  padding-top:10px;
  padding-bottom: 0px;
  margin: 10px 16px 10px 16px;
  font-family:'Crimson Pro';
  font-size: calc(.8rem + 1.6vw);
  color: #0A3B1D;
  ;
}

.main p,li,td {
    font-family:'Open Sans';
    font-size: calc(.7rem + .7vw);
    margin: 10px 16px 10px 16px;
    padding-bottom: 8px;
    line-height: 1.6;
}

.bold {
  font-weight:700;
}

.center-text {
  text-align:center;
}

.img-container {
  display: flex;
  justify-content: center;
}

.center-img {
  max-width: 100%;
  height: auto;
}

.no-bullets {
	list-style-type: none;
	padding-left: 0px;
}

ol {
  margin-left: 40px;
}



.footer {
    width:100%;
    /*border: 1px solid red;*/
    padding: 5px;
  }

  @media screen and (min-width: 780px) {
    div.main h1 {
      padding-top:10px;
      padding-bottom:0px;
      margin-bottom:0px;
      font-family:'Crimson Pro';
      font-size: 36px;
      text-align: center;
      color: #0A3B1D;
      margin: 10px 16px 10px 16px;
  }
  
  div.main h2 {
    padding-top:10px;
    padding-bottom: 0px;
    margin: 10px 16px 10px 16px;
    font-family:'Crimson Pro';
    font-size: 24px;
    color: #0A3B1D;
    ;
  }
  
  div.main p,li,td {
      font-family:'Open Sans';
      font-size: 16px;
      margin: 10px 16px 10px 16px;
      padding-bottom: 8px;
      line-height: 1.6;
  }

}