/** 
 * Sets the grids maximum width
 * @var $grid-max-width (pixels|ems|percentage)
 */
$grid-max-width: 1440px !default;


/*!
 * Sets the grids breakpoint
 * 
 * To add a new break point you'll need to add an element to the list.
 * 
 * Here's an example: ( class-name-prefix, minimum-width, maximum-width, gutter-width, no-media-query).
 * 
 * media: media type.
 * class-name-prefix: this is the prefix used in tons of inks classes i.e.: large-100, small-40, etc.
 * minimum-width: (pixels|null) the minimum width for the breakpoint 
 * maximum-width: (pixels|null) the maximum width for the breakpoint 
 * gutter-width: (ems) the width for the gutters (space between grid columns) for the breakpoint 
 * no-media-query: (true|false) if you need to support IE8 set this to true on a single breakpoint.
 *                 Since IE8 does not support the @media statement leaving one of the breakpoints
 *                 outside a @media query let's you use the grid in IE8.
 *  
 */

$grid-breakpoints: (
    ('screen', 'xlarge', 1261px, null, 2em, 1.08em, false),
    ('screen', 'large', 961px, 1260px, 1.75em, 1.05em, true),
    ('screen', 'medium', 641px, 960px, 1.5em, 1em, false),
    ('screen', 'small', 321px, 640px, 1.25em, .98em, false),
    ('screen', 'tiny', null, 320px, 1em, .97em, false)
);