body {
  font-family: "Times New Roman", serif;
}
h1,
.h1 {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

h2,
.h2 {
  font-weight: bold;
  font-size: 1rem;
}
#main {
  margin: auto;
  max-width: 1024;
  font-size: 14px;
  padding: 50px;
  text-align: justify;
}

a {
  color: #000000;
}

ol:not(ol ol) {
  position: relative;
  margin: 0;
  padding: 0;
}

li:not(li li) {
  padding-left: 3.5rem;
}

li li {
  margin-left: -2.5rem;
}

li {
  margin-bottom: 0.5rem;
}

li::before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
}

/* First level */
ol {
  counter-reset: first 0;
  list-style: none;
}

ol > li {
  counter-increment: first;
  margin-top: 0.5rem;
}

ol > li::before {
  content: counter(first) ".";
}

/* Second level */
li > ol {
  counter-reset: second 0;
}

li > ol > li {
  counter-increment: second;
}

li > ol > li::before {
  content: counter(first) "." counter(second);
}

/* Third level */
li > ol > li > ol {
  counter-reset: third 0;
}

li > ol > li > ol > li {
  counter-increment: third;
}

li > ol > li > ol > li::before {
  content: counter(first) "." counter(second) "." counter(third);
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
  .mobile-pad {
    padding: 10px !important;
  }
}