/* DEBUG */
.debug-grid:after {
    position: fixed;
    right: 0.4em;
    top: 0.4em;
    line-height: 1em;
    font-weight: bold;
    font-size: 30px;
    color: red;
}

@media screen and (max-width: @screen-xs-max) {
    .debug-grid:after { content: "XS"; }
}

@media screen and (max-width: @screen-sm-max) {
    .debug-grid:after { content: "S"; }
}

@media only screen and (min-width : @screen-sm-min) and (max-width : @screen-md-max) {
    .debug-grid:after { content: "M"; }
}

@media screen and (min-width: @screen-md-min) {
    .debug-grid:after { content: "L"; }
}

@media screen and (min-width: @screen-lg-min) {
    .debug-grid:after { content: "XL"; }
}