:root {
    --grid-breakpoint-xs: 0;
    --grid-breakpoint-xs-max-width: 100%;
    --grid-breakpoint-sm: 576px;
    --grid-breakpoint-sm-max-width: 536px;
    --grid-breakpoint-md: 992px;
    --grid-breakpoint-md-max-width: 952px;
    --grid-breakpoint-lg: 1280px;
    --grid-breakpoint-lg-max-width: 1200px;
    --grid-breakpoint-xl: 1600px;
    --grid-breakpoint-xl-max-width: 1560px;

    --grid-portrait-maxwidth: 100%;
    --grid-portrait-gutter: 16px;
    --grid-portrait-columns: 4;
    --grid-portrait-margin: 8px;

    --grid-tablet-maxwidth: 100%;
    --grid-tablet-gutter: 24px;
    --grid-tablet-columns: 8;
    --grid-tablet-margin: 40px;

    --grid-desktop-maxwidth: 1200px;
    --grid-desktop-gutter: 24px;
    --grid-desktop-columns: 12;
    --grid-desktop-margin: 40px;

    --grid-tv-maxwidth: 1520px;
    --grid-tv-gutter: 40px;
    --grid-tv-columns: 12;
    --grid-tv-margin: 40px;
}