p{
    margin: 20px 0!important;
}

h1{
    font-size: 34px!important;
    margin: 30px 0;
}

h2{
    font-size: 30px;
    margin: 30px 0;
    border-bottom: solid 2px #89887f;
}

h3{
    font-size: 24px;
    margin: 20px 0;
}

table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  line-height: 1.6;
  margin: 30px 0;
}

table th,
table td{
  border: 1px solid #ddd;
  padding: 12px 14px;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: anywhere;
}

table th{
  font-weight: 700;
  background: #f7f7f7;
  white-space: nowrap;
}

table tbody tr:nth-child(even){
  background: #fafafa;
}

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

table strong{
  font-weight: 700;
}

@media (max-width: 798px) {

h2{
 font-size: 24px;
 margin: 20px 0;
}

h3{
    font-size: 20px;
    margin: 10px 0;
}

  html, body {
    overflow-x: hidden;
  }

  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  .table-scroll > table {
    min-width: 700px;
    width: max-content;
    font-size: 14px;
    border-collapse: collapse;
  }

  .table-scroll th,
  .table-scroll td {
    padding: 10px 12px;
    white-space: nowrap;
  }
}