BODY{MARGIN:4PX;
     PADDING:2PX;
     BACKGROUND:BEIGE;
     TEXT-ALIGN:JUSTIFY;
     FONT-SIZE:16PX;
     FONT-FAMILY:Times New Roman,serif;
     COLOR:BLACK}
HR{COLOR:GRAY}
H1{TEXT-ALIGN:CENTER;
   FONT-WEIGHT:BOLD;
   FONT-STYLE:ITALIC;
   FONT-SIZE:32PX}
H2{TEXT-ALIGN:CENTER;
   FONT-WEIGHT:BOLD;
   FONT-STYLE:ITALIC;
   FONT-SIZE:24PX;
   COLOR:GREEN}
TABLE{VERTICAL-ALIGN:MIDDLE;
      TEXT-ALIGN:CENTER}
CAPTION{FONT-WEIGHT:BOLD;
        FONT-STYLE:ITALIC;
        COLOR:GREEN}
THEAD{FONT-WEIGHT:BOLD}
TBODY{}
TFOOT{FONT-STYLE:ITALIC}
.FLEXBOX{MARGIN:4PX AUTO 4PX AUTO;
         BORDER:4PX RIDGE LIGHTGREY;
         BORDER-RADIUS:4PX;
         MAX-WIDTH:1024PX;
         DISPLAY:FLEX;
         FLEX-WRAP:WRAP;
         FLEX-DIRECTION:ROW}
.FLEXBOX-ELEMENTBOX{WIDTH:33.3%;
                    DISPLAY:FLEX}
.FLEXBOX-ELEMENT{BOX-SIZING:BORDER-BOX;
                 MARGIN:2PX;
                 BORDER:1PX SOLID GREY;
                 BORDER-RADIUS:4PX;
                 WIDTH:100%}
.FLEXBOX-ELEMENT-SYMBOLBOX{HEIGHT:80PX;
                           WIDTH:96PX}
@MEDIA SCREEN AND (MAX-WIDTH:768PX){BODY{FONT-SIZE:12PX}
                                    H1{FONT-SIZE:24PX}
                                    H2{FONT-SIZE:18PX}
                                    .FLEXBOX{FLEX-DIRECTION:COLUMN}
                                    .FLEXBOX-ELEMENTBOX{WIDTH:100%}}