.deckgrid[deckgrid]::before {
    /* Specifies that the grid should have a maximum of 4 columns. Each column will have the classes 'column' and 'column-1-4' */
    content: '3 .column.column-1-3';
    font-size: 0; /* See https://github.com/akoenig/angular-deckgrid/issues/14#issuecomment-35728861 */
    visibility: hidden;
}

.deckgrid .column {
    float: left;
}

.deckgrid .column-1-4 {
    width: 25%;
}

.deckgrid .column-1-1 {
    width: 100%;
}

.deckgrid .column-1-2 {
    width: 50%;
}
.deckgrid .column-1-3 {
    width: 33.33333%;
}

@media screen and (max-width: 420px){
    .deckgrid[deckgrid]::before {
        content: '1 .column.column-1-1';
    }
}
@media screen and (min-width:420.00001px) and (max-width:750px){
    .deckgrid[deckgrid]::before {
        content: '2 .column.column-1-2';
    }
}
/*@media screen and (min-width:750.00001px) and (max-width:1200px){
    .deckgrid[deckgrid]::before {
        content: '3 .column.column-1-3';
    }
}*/