._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 );
}
.bf1-1 { grid-area: 1 / 1 / 3 / 4 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf1-2 { grid-area: 1 / 4 / 3 / 7 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf1-3 { grid-area: 3 / 1 / 5 / 4 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf1-7 { grid-area: 3 / 4 / 5 / 7 ; -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 3;  min-height: 86px;; }.bf1-5 { grid-area: 5 / 1 / 8 / 7 ; -ms-grid-row: 5; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf1-8 { grid-area: 8 / 1 / 10 / 7 ; -ms-grid-row: 8; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf1-6 { grid-area: 10 / 1 / 12 / 7 ; -ms-grid-row: 10; -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 );}
.bf1-1 { grid-area: 1 / 1 / 3 / 5 ; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;  min-height: 86px;; }.bf1-2 { grid-area: 3 / 1 / 5 / 5 ; -ms-grid-row: 3; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf1-3 { 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;; }.bf1-7 { grid-area: 5 / 1 / 7 / 5 ; -ms-grid-row: 5; -ms-grid-row-span: 0; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf1-8 { grid-area: 12 / 1 / 14 / 5 ; -ms-grid-row: 12; -ms-grid-row-span: -4; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 86px;; }.bf1-5 { grid-area: 9 / 1 / 12 / 5 ; -ms-grid-row: 9; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 6;  min-height: 129px;; }.bf1-6 { grid-area: 14 / 1 / 16 / 5 ; -ms-grid-row: 14; -ms-grid-row-span: -2; -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 );}
.bf1-1 { 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;; }.bf1-2 { 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;; }.bf1-3 { 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;; }.bf1-7 { 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;; }.bf1-8 { 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;; }.bf1-5 { 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;; }.bf1-6 { 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;; }
}