@import "neat-helpers";

// Change the grid settings
$column: 80px;
$gutter: 20px;
$grid-columns: 12;
$max-width: (100%);
$visual-grid: true;
$border-box-sizing: true;


// Change the visual grid settings
$visual-grid: false;
$visual-grid-color: #ff0000 ;
$visual-grid-index: front ; //front - back
$visual-grid-opacity: 0.4 ;

// Define your breakpoints
$small: new-breakpoint(min-device-width 320px max-device-width 640px 4);
$small-land: new-breakpoint(min-device-width 320px max-device-width 640px orientation landscape 6);

$medium: new-breakpoint(min-device-width 641px max-device-width 1024px);
$medium-land: new-breakpoint(min-device-width 641px max-device-width 1024px orientation landscape);

$large: new-breakpoint(min-width 1025px);
