ol{counter-reset:num}ol>li{counter-increment:num;padding-left:40px;position:relative}ol>li:before{content:counter(num) ".";font-size:22px;font-weight:600;margin-right:10px}ol ol{counter-reset:num2}ol ol>li{counter-increment:num2}ol ol>li:before{content:counter(num) "." counter(num2);font-size:18px;font-weight:700}ol ol ol{counter-reset:num3}ol ol ol>li{counter-increment:num3}ol ol ol>li:before{content:counter(num) "." counter(num2) "." counter(num3)}@media (max-width:768px){li>h2{font-size:18px}article>h3{font-size:16px}ol>li{padding-left:20px}ol>li:before{font-size:18px;margin-right:6px}ol ol>li:before{font-size:16px}}