.article-container {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 30px 50px;
  border-radius: 8px;
  border: 1px solid #d2d2d2;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 450px;
}

.article-container-header {
padding-bottom: 10px;
border-bottom: 1px solid #d2d2d2;
color: #464e73;
}

ol{
  padding-left: 1.2em;
}

.stylize-ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  text-align: justify;
  text-justify: inter-word;
}


.stylize-ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
  line-height: 1.7;
  margin-bottom: 20px;
}

.stylize-ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

li .stylize-ol > li {
  margin: 0;
}

li .stylize-ol > li:before {
  content: counters(item, ".") " ";
}

.roman-numb {
  list-style-type: lower-roman;
  margin: 0;
  padding-left: 1.2em;
}

.lower-alpha-numb {
  list-style-type: none;
  counter-reset: alpha;
  margin: 0;
  padding-left: 1.2em;
}

.lower-alpha-numb > li:before{
  counter-increment: alpha;
  content:"(" counter(alpha, lower-alpha)") ";
}




h4{
  margin-top: 15px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px){
  .article-container {
    padding: 30px 28px;
  }

  .stylize-ol{
    margin-left: -9px;
  }
}
