// --------------------------------------------------------------------------
// Breakpoints
// --------------------------------------------------------------------------
// Breakpoints (target width in em's = pixel width / base font size)
// Apply proportional media queries (em's): http://bit.ly/JT9ZzI
// Design from the content out, rather than the canvas in: http://bit.ly/JTa5aA
// Maybe in the (near) future apply Responsive Viewport Units instead of
// breakpoints: http://bit.ly/IXDtMb
// Adjust the breakpoints to best fit content and (visual) design

$breakpoints: (
	small                       20em,                                           // <= mobile
	compact                     30em,
	medium                      48em,                                           // <= desktop/tablet
	large                       64em,
	wide                        80em,
	huge                        120em
);

// --------------------------------------------------------------------------
// Breakpoints
// --------------------------------------------------------------------------
// Breakpoints (target width in em's = pixel width / base font size)
// Apply proportional media queries (em's): http://bit.ly/JT9ZzI
// Design from the content out, rather than the canvas in: http://bit.ly/JTa5aA
// Maybe in the (near) future apply Responsive Viewport Units instead of
// breakpoints: http://bit.ly/IXDtMb
// Adjust the breakpoints to best fit content and (visual) design

$breakpoints: (
	small                       20em,                                           // <= mobile
	compact                     30em,
	medium                      50em,                                           // <= desktop/tablet
	large                       64em,
	wide                        80em,
	huge                        120em
);

Change medium breakpoint to 50em, so most ipad portrait will have compact styling served.
Change medium breakpoint to 50em, so most ipad portrait will have compact styling served.
