/* Row */

.row {

@include html-grid((50px, 50px));

@include breakpoint('<=wide') {
    @include html-grid((40px, 40px), 'wide');
}

@include breakpoint('<=normal') {
    @include html-grid((40px, 40px), 'normal');
}

@include breakpoint('<=narrow') {
    @include html-grid((30px, 30px), 'narrow');
}

@include breakpoint('<=narrower') {
    @include html-grid((30px, 30px), 'narrower');
}

@include breakpoint('<=mobile') {
    @include html-grid((30px, 30px), 'mobile');
}

}