body {
   min-width: 680px;
 }

 header {
   display: flex;
   background-color: #F0F0F0;
   align-items: center;
 }

 header > h1 {
   margin: 0 0 0 2em;
 }


 .content {
   padding: 4mm;
   justify-content: center;
 }

 div > ol > li {
   padding-top: 2mm;
   font-weight: bold;
   
 }

 /* style="list-style-type: lower-alpha; padding-bottom: 0;" */
 div > ol > ol {
   list-style-type: lower-alpha;
   padding-bottom: 0;
 }
 
 div > ol > ol > li {
   margin-left: 2em;
 }

/* ul */
 div > ul > li {
   padding-top: 5mm;
   font-weight: bold;
   
 }

 /* style="list-style-type: lower-alpha; padding-bottom: 0;" */
 div > ul > ul {
   list-style-type: lower-alpha;
   padding-bottom: 0;
 }
 
 div > ul > ul > li {
   margin-left: 2em;
   list-style-type: square;
 }


 footer {
   display: flex;
   justify-content: flex-end;
   background-color: #F0F0F0;
 }

 footer > div {
   flex: 0 0 480px;
   margin: 0 2px 0 0;
   text-align: right;
 }