@media (max-width: 767px) {
div.grid-container.format-1{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b4 b4'
    'b5 b6'
    'b7 b7'
    'b7 b7'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-3{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b2'
    'b2 b2'
    'b2 b2'
    'b2 b2'
    'b3 b4'
    'b5 b5'
    'b5 b5'
    'b6 b7'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-5{
    display: grid;
    grid-template-areas:
    'b1 b3'
    'b2 b3'
    'b2 b4'
    'b2 b4'
    'b5 b8'
    'b6 b8'
    'b6 b8'
    'b7 b9'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-7{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b4'
    'b4 b4'
    'b5 b6'
    'b5 b7'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-10{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b4 b5'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-13{
    display: grid;
    grid-template-areas:
    'b1 b4'
    'b1 b4'
    'b2 b2'
    'b2 b2'
    'b3 b3'
    'b3 b3'
    'b5 b6'
    'b5 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-14{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b4'
    'b4 b4'
    'b4 b4'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-15{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b5'
    'b4 b5'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-16{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b1 b2'
    'b1 b3'
    'b1 b3'
    'b4 b5'
    'b4 b5'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-17{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b4'
    'b4 b4'
    'b5 b6'
    'b7 b8'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-18{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b2'
    'b2 b2'
    'b3 b3'
    'b3 b3'
    'b4 b4'
    'b4 b4'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-19{
    display: grid;
    grid-template-areas:
    'b2 b2'
    'b2 b2'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b3 b4'
    'b3 b4'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-20{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b4 b5'
    'b6 b6'
    'b6 b6'
    'b7 b8'
    'b9 b8'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-21{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b3 b4'
    'b5 b6'
    'b7 b8'
    'b9 b10'
    'b11 b12'
    'b13 b14'
    'b15 b16'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-22{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b1 b2'
    'b3 b4'
    'b3 b4'
    'b5 b6'
    'b5 b6'
    'b7 b8'
    'b7 b8'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-27{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b3 b3'
    'b4 b4'
    'b4 b4'
    'b5 b5'
    'b5 b5'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-29{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-30{
    display: grid;
    grid-template-areas:
    'b1 b3'
    'b1 b3'
    'b2 b2'
    'b2 b2'
    'b4 b6'
    'b5 b6'
    'b7 b8'
    'b9 b8'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-32{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b1 b2'
    'b3 b3'
    'b3 b3'
    'b3 b3'
    'b3 b3'
    'b4 b5'
    'b6 b7'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-33{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b2 b4'
    'b3 b3'
    'b5 b5'
    'b6 b6'
    'b6 b6'
    'b7 b7'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-34{
    display: grid;
    grid-template-areas:
    'b2 b5'
    'b2 b5'
    'b1 b1'
    'b1 b1'
    'b4 b3'
    'b4 b3'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-35{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b1 b2'
    'b4 b4'
    'b4 b4'
    'b5 b6'
    'b5 b6'
    'b3 b3'
    'b3 b3'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-36{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b4 b5'
    'b6 b7'
    'b8 b9'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-37{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b5'
    'b4 b5'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-38{
    display: grid;
    grid-template-areas:
    'b1 b1'
    'b1 b1'
    'b1 b1'
    'b2 b3'
    'b2 b3'
    'b4 b4'
    'b4 b4'
    'b5 b5'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-39{
    display: grid;
    grid-template-areas:
    'b2 b3'
    'b2 b3'
    'b1 b4'
    'b1 b4'
    'b5 b5'
    'b5 b5'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-40{
    display: grid;
    grid-template-areas:
    'b3 b2'
    'b3 b2'
    'b4 b1'
    'b4 b1'
    'b5 b5'
    'b5 b5'
    'b6 b6'
    'b6 b6'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 150px);
    grid-gap: 10px;
}

                
div.grid-container.format-41{
    display: grid;
    grid-template-areas:
    'b1 b2'
    'b3 b4'
    'b5 b6'
    'b7 b8'
    'b9 b10'
    'b11 b12'
    'b13 b14'
    'b15 b16'
    'b17 b18'
    'b19 b20'
    ;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 150px);
    grid-gap: 10px;
}

                }

@media (min-width: 768px) {
div.grid-container.format-1{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b3'
    'b1 b1 b4 b4'
    'b5 b6 b7 b7'
    'b5 b6 b7 b7'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-3{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b2 b3'
    'b1 b1 b2 b2 b4'
    'b5 b5 b2 b2 b6'
    'b5 b5 b2 b2 b7'
    ;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-5{
    display: grid;
    grid-template-areas:
    'b1 b3 b5 b8'
    'b2 b3 b6 b8'
    'b2 b4 b6 b8'
    'b2 b4 b7 b9'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-7{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b3'
    'b1 b1 b2 b3'
    'b4 b4 b5 b6'
    'b4 b4 b5 b7'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-10{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b2'
    'b1 b1 b1 b3'
    'b1 b1 b1 b4'
    'b1 b1 b1 b5'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-13{
    display: grid;
    grid-template-areas:
    'b1 b3 b3 b4'
    'b1 b3 b3 b4'
    'b2 b2 b5 b6'
    'b2 b2 b5 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-14{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b2'
    'b1 b1 b1 b2'
    'b3 b4 b4 b4'
    'b3 b4 b4 b4'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-15{
    display: grid;
    grid-template-areas:
    'b1 b1 b4 b5'
    'b1 b1 b4 b5'
    'b2 b3 b6 b6'
    'b2 b3 b6 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-16{
    display: grid;
    grid-template-areas:
    'b1 b2 b4 b5'
    'b1 b2 b4 b5'
    'b1 b3 b6 b6'
    'b1 b3 b6 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-17{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b5'
    'b1 b1 b2 b6'
    'b3 b4 b4 b7'
    'b3 b4 b4 b8'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-18{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b2'
    'b1 b1 b2 b2'
    'b3 b3 b4 b4'
    'b3 b3 b4 b4'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-19{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b2'
    'b1 b1 b2 b2'
    'b1 b1 b3 b4'
    'b1 b1 b3 b4'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-20{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b7'
    'b1 b1 b3 b8'
    'b4 b6 b6 b8'
    'b5 b6 b6 b9'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-21{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b4'
    'b5 b6 b7 b8'
    'b9 b10 b11 b12'
    'b13 b14 b15 b16'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-22{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b4'
    'b1 b2 b3 b4'
    'b5 b6 b7 b8'
    'b5 b6 b7 b8'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-27{
    display: grid;
    grid-template-areas:
    'b4 b4 b1 b6'
    'b4 b4 b2 b6'
    'b3 b5 b5 b6'
    'b3 b5 b5 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-29{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b1'
    'b1 b1 b1 b1'
    'b1 b1 b1 b1'
    'b1 b1 b1 b1'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-30{
    display: grid;
    grid-template-areas:
    'b1 b2 b2 b7'
    'b1 b2 b2 b8'
    'b3 b4 b6 b8'
    'b3 b5 b6 b9'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-32{
    display: grid;
    grid-template-areas:
    'b1 b3 b3 b4'
    'b1 b3 b3 b5'
    'b2 b3 b3 b6'
    'b2 b3 b3 b7'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-33{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b5'
    'b1 b1 b1 b6'
    'b1 b1 b1 b7'
    'b2 b3 b3 b4'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-34{
    display: grid;
    grid-template-areas:
    'b1 b1 b2 b3'
    'b1 b1 b2 b3'
    'b4 b5 b6 b6'
    'b4 b5 b6 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-35{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b3'
    'b1 b2 b3 b3'
    'b4 b4 b5 b6'
    'b4 b4 b5 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-36{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b8'
    'b1 b1 b1 b7'
    'b1 b1 b1 b6'
    'b2 b3 b4 b5'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-37{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b2'
    'b1 b1 b1 b3'
    'b1 b1 b1 b4'
    'b1 b1 b1 b5'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-38{
    display: grid;
    grid-template-areas:
    'b1 b1 b1 b2'
    'b1 b1 b1 b3'
    'b1 b1 b1 b4'
    'b1 b1 b1 b5'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-39{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b4'
    'b1 b2 b3 b4'
    'b5 b5 b6 b6'
    'b5 b5 b6 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-40{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b4'
    'b1 b2 b3 b4'
    'b5 b5 b6 b6'
    'b5 b5 b6 b6'
    ;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                
div.grid-container.format-41{
    display: grid;
    grid-template-areas:
    'b1 b2 b3 b4 b5'
    'b6 b7 b8 b9 b10'
    'b11 b12 b13 b14 b15'
    'b16 b17 b18 b19 b20'
    ;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr) !important;
    grid-gap: 10px;
}

                }