// -------------------------------------------------------------------
// :: MEDIA QUERIES
// -------------------------------------------------------------------
// Major breakpoints should be set in base/_typography.scss
// Minor breakpoint should be added where needed (inline)

$mobile-sm-min: 20em; 		// 320px
$mobile:     	30em; 		// 480px
$tablet:     	45em; 		// 720px
$desktop:    	60em; 		// 960px
$desktop-xl: 	71.25em; 	// 1140px