@media screen and (min-width: 961px)
  .entries-deckgrid[deckgrid]::before
    content: '4 .column.column-1-4'
    font-size: 0
    visibility: hidden

  .entries-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .entries-deckgrid .column
    float: left

  .entries-deckgrid .column-1-4
    width: 25%
  .boards-deckgrid[deckgrid]::before
    content: '3 .column.column-1-3'
    font-size: 0
    visibility: hidden

  .boards-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .boards-deckgrid .column
    float: left

  .boards-deckgrid .column-1-3
    width: 33%

@media screen and (max-width: 960px) and (min-width: 481px)
  .entries-deckgrid[deckgrid]::before
    content: '3 .column.column-1-3'
    font-size: 0
    visibility: hidden

  .entries-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .entries-deckgrid .column
    float: left

  .entries-deckgrid .column-1-3
    width: 33%

  .boards-deckgrid[deckgrid]::before
    content: '2 .column.column-1-2'
    font-size: 0
    visibility: hidden

  .boards-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .boards-deckgrid .column
    float: left

  .boards-deckgrid .column-1-2
    width: 49%

@media screen and (max-width: 481px)
  .entries-deckgrid[deckgrid]::before
    content: '2 .column.column-1-2'
    font-size: 0
    visibility: hidden

  .entries-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .entries-deckgrid .column
    float: left

  .entries-deckgrid .column-1-2
    width: 50%
  .boards-deckgrid[deckgrid]::before
    content: '1 .column.column-1-1'
    font-size: 0
    visibility: hidden

  .boards-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .boards-deckgrid .column
    float: left

  .boards-deckgrid .column-1-1
    width: 100%

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape)
  .entries-deckgrid[deckgrid]::before
    content: '3 .column.column-1-3'
    font-size: 0
    visibility: hidden

  .entries-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .entries-deckgrid .column
    float: left

  .entries-deckgrid .column-1-3
    width: 33%

  .boards-deckgrid[deckgrid]::before
    content: '1 .column.column-1-1'
    font-size: 0
    visibility: hidden

  .boards-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .boards-deckgrid .column
    float: left

  .boards-deckgrid .column-1-1
    width: 100%

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait)
  .entries-deckgrid[deckgrid]::before
    content: '2 .column.column-1-2'
    font-size: 0
    visibility: hidden

  .entries-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .entries-deckgrid .column
    float: left

  .entries-deckgrid .column-1-2
    width: 50%
  .boards-deckgrid[deckgrid]::before
    content: '1 .column.column-1-1'
    font-size: 0
    visibility: hidden

  .boards-deckgrid[deckgrid]::after
    content: ' '
    clear: both

  .boards-deckgrid .column
    float: left

  .boards-deckgrid .column-1-1
    width: 100%