._frm-g{
display: grid;
display: -ms-grid;
grid-template-columns: repeat( 6 , minmax( 30px , 1fr ));
-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr );
}
.bf2-17 { grid-area: 1 / 1 / 3 / 7 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-2 { grid-area: 3 / 1 / 5 / 7 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-3 { grid-area: 5 / 1 / 7 / 7 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-4 { grid-area: 7 / 1 / 9 / 4 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-5 { grid-area: 7 / 4 / 9 / 7 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-6 { grid-area: 9 / 1 / 12 / 7 ; -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf2-7 { grid-area: 12 / 1 / 14 / 7 ; -ms-grid-row: 12; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-8 { grid-area: 14 / 1 / 16 / 2 ; -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1;  min-height: 86px;; }.bf2-9 { grid-area: 14 / 2 / 16 / 3 ; -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1;  min-height: 86px;; }.bf2-10 { grid-area: 14 / 3 / 16 / 4 ; -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1;  min-height: 86px;; }.bf2-11 { grid-area: 14 / 4 / 16 / 5 ; -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1;  min-height: 86px;; }.bf2-12 { grid-area: 16 / 1 / 18 / 4 ; -ms-grid-row: 16; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-13 { grid-area: 16 / 4 / 18 / 6 ; -ms-grid-row: 16; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-14 { grid-area: 18 / 1 / 20 / 7 ; -ms-grid-row: 18; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-15 { grid-area: 20 / 1 / 22 / 7 ; -ms-grid-row: 20; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-16 { grid-area: 22 / 1 / 24 / 7 ; -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-1 { grid-area: 24 / 1 / 26 / 7 ; -ms-grid-row: 24; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }
@media only screen and (max-width:600px) {
._frm-g {grid-template-columns: repeat( 4 , minmax( 30px , 1fr ));-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr ) minmax( 30px , 1fr );}
.bf2-2 { grid-area: 1 / 1 / 3 / 5 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-17 { grid-area: 3 / 1 / 5 / 5 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-3 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-4 { grid-area: 7 / 1 / 9 / 5 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-6 { grid-area: 9 / 1 / 12 / 5 ; -ms-grid-row: 9; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf2-7 { grid-area: 12 / 1 / 14 / 5 ; -ms-grid-row: 12; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-11 { grid-area: 14 / 1 / 16 / 5 ; -ms-grid-row: 14; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-12 { grid-area: 16 / 1 / 18 / 5 ; -ms-grid-row: 16; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 1;  min-height: 86px;; }.bf2-14 { grid-area: 18 / 1 / 20 / 5 ; -ms-grid-row: 18; -ms-grid-row-span: -2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-15 { grid-area: 20 / 1 / 22 / 5 ; -ms-grid-row: 20; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-16 { grid-area: 22 / 1 / 24 / 5 ; -ms-grid-row: 22; -ms-grid-row-span: -6; -ms-grid-column: 1; -ms-grid-column-span: 4;  min-height: 86px;; }.bf2-13 { grid-area: 24 / 1 / 26 / 5 ; -ms-grid-row: 24; -ms-grid-row-span: -6; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf2-8 { grid-area: 26 / 1 / 28 / 5 ; -ms-grid-row: 26; -ms-grid-row-span: -8; -ms-grid-column: 1; -ms-grid-column-span: 5;  min-height: 86px;; }.bf2-10 { grid-area: 28 / 1 / 30 / 5 ; -ms-grid-row: 28; -ms-grid-row-span: -8; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-9 { grid-area: 30 / 1 / 32 / 5 ; -ms-grid-row: 30; -ms-grid-row-span: -8; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-5 { grid-area: 32 / 1 / 34 / 5 ; -ms-grid-row: 32; -ms-grid-row-span: -8; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf2-1 { grid-area: 34 / 1 / 36 / 5 ; -ms-grid-row: 34; -ms-grid-row-span: -8; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }
}
@media only screen and (max-width:400px) {
._frm-g {grid-template-columns: repeat( 2 , minmax( 30px , 1fr ));-ms-grid-columns: minmax( 30px , 1fr ) minmax( 30px , 1fr );}
.bf2-2 { grid-area: 1 / 1 / 3 / 3 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-17 { grid-area: 3 / 1 / 5 / 3 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-3 { grid-area: 5 / 1 / 7 / 3 ; -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-4 { grid-area: 7 / 1 / 9 / 3 ; -ms-grid-row: 7; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-6 { grid-area: 9 / 1 / 12 / 3 ; -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 129px;; }.bf2-7 { grid-area: 12 / 1 / 14 / 3 ; -ms-grid-row: 12; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-11 { grid-area: 14 / 1 / 16 / 3 ; -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-12 { grid-area: 16 / 1 / 18 / 3 ; -ms-grid-row: 16; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-14 { grid-area: 18 / 1 / 20 / 3 ; -ms-grid-row: 18; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-15 { grid-area: 20 / 1 / 22 / 3 ; -ms-grid-row: 20; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-16 { grid-area: 22 / 1 / 24 / 3 ; -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-13 { grid-area: 24 / 1 / 26 / 3 ; -ms-grid-row: 24; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-8 { grid-area: 26 / 1 / 28 / 3 ; -ms-grid-row: 26; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-10 { grid-area: 28 / 1 / 30 / 3 ; -ms-grid-row: 28; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-9 { grid-area: 30 / 1 / 32 / 3 ; -ms-grid-row: 30; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-5 { grid-area: 32 / 1 / 34 / 3 ; -ms-grid-row: 32; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }.bf2-1 { grid-area: 34 / 1 / 36 / 3 ; -ms-grid-row: 34; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 2;  min-height: 86px;; }
}