body {
 counter-reset: head1 head2 head3 head4;
}
.outline-2 h2:before {
 counter-increment: head1;
 content: counter(head1, upper-roman) ". ";
}
h2 {
 counter-reset: head2 head3 head4;
}
h3:before {
 counter-increment: head2;
 content: counter(head2, upper-latin) ". ";
} 
h3 {
 counter-reset: head3 head4;
}
h4:before {
 counter-increment: head3;
 content: counter(head3, decimal) ". ";
}
h4 {
 counter-reset: head4;
}

h5:before {
 counter-increment: head4;
 content: counter(head4, lower-latin) ". ";
}