// Match pure queries:
//None 	None 	                                Always 	  .pure-u-*
//sm 	  @media screen and (min-width: 35.5em) ≥ 568px 	.pure-u-sm-*
//md 	  @media screen and (min-width: 48em) 	≥ 768px 	.pure-u-md-*
//lg 	  @media screen and (min-width: 64em) 	≥ 1024px 	.pure-u-lg-*
//xl 	  @media screen and (min-width: 80em) 	≥ 1280px 	.pure-u-xl-*
$sm-query  : "screen and (min-width: 35.5em)";
$md-query  : "screen and (min-width: 48em)";
$lg-query  : "screen and (min-width: 64em)";
$xl-query  : "screen and (min-width: 80em)";

$max-width : 1010px;