body {
    font-size: 14px;
    background-color: rgb(239, 248, 251);
}

div {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

header {
  text-align: center;
}

div[size="A4"] {
    width: 21cm;
    height: 29.7cm;
  }

#cntr {
    text-align: center;
  }

p:not(#cntr):not(#pg_no), ol {
    padding-left: 40px;
    padding-right: 40px;
    text-align: justify;
}

ol li {
    line-height: 2;
}

.custom_two, .custom_seven, .custom_eight, .custom_eleven {
  counter-reset: item;
}
.custom_li ol {
  margin-left: 0;
  padding-left: 0;
}
.custom_li li {
  display: block;
  margin-bottom: .5em;
  margin-left: 2em;
}
.custom_li li::before {
  display: inline-block;
  width: 2em;
  margin-left: -2em;
}
.two_li li::before {
  content: "2." counter(item);
  counter-increment: item;
}
.seven_li li::before {
  content: "7." counter(item);
  counter-increment: item;
}
.eight_li li::before {
  content: "8." counter(item);
  counter-increment: item;
}
.eleven_li li::before {
  content: "11." counter(item);
  counter-increment: item;
}

#pg_no {
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
}

@media only screen and (max-width: 800px) {
    div[size="A4"] {
        width: 100%;
        height: auto;
      }
}