/*
    
    Kindling Grid

*/

/*
    
    Presets

*/

	* {
		margin: 0;
		padding: 0;
		position: relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	body {
		font: 300 125%/150% sans-serif;
	}
	a:active,a:hover,a:focus {
		outline:0;
	}
	.cf:before,.cf:after {
		content:" ";
		display:table;
	}
	.cf:after {
		clear: both;
	}

/*

    Grid

*/

	.row:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.row {
		margin-bottom:2%;
	}
	.bottom {
		margin-bottom:0;
	}
	[class*=span-] {
		display:block;
		float:left;
		width:100%;
		margin-right:2%;
	}
	[class*=span-]:last-child {
		margin-right:0;
	}
	[class*=span-] img {
		max-width:100%;
		display: block;
	}

	/* Columns */

	.span-1 { width:6.5%; }
	.span-2 { width:15.0%; }
	.span-3 { width:23.5%; }
	.span-4 { width:32.0%; }
	.span-5 { width:40.5%; }
	.span-6 { width:49.0%; }
	.span-7 { width:57.5%; }
	.span-8 { width:66.0%; }
	.span-9 { width:74.5%; }
	.span-10 { width:83.0%; }
	.span-11 { width:91.5%; }
	.span-12 { width:100%; }

	/* Offsets */
    
	.offset-1 { margin-left:6.5%; }
	.offset-2 { margin-left:17.0%; }
	.offset-3 { margin-left:25.5%; }
	.offset-4 { margin-left:34.0%; }
	.offset-5 { margin-left:42.5%; }
	.offset-6 { margin-left:51.0%; }
	.offset-7 { margin-left:59.5%; }
	.offset-8 { margin-left:68.0%; }
	.offset-9 { margin-left:76.5%; }
	.offset-10 { margin-left:85.0%; }
	.offset-11 { margin-left:93.5%; }

/*

    Type

*/

	h1,h2,h3,h4,h5,h6 {
		line-height:140%;
		font-weight:300;
		margin:0 0 2rem;
	}
	h1 { font-size:300%; }
	h2 { font-size:250%; }
	h3 { font-size:200%; }
	h4 { font-size:125%; }
	h5 { font-size:100%; }
	h6 { font-size:80%; }
	p { margin-bottom:2rem; }

/*

    Tablet

*/

	@media only screen and (max-width:768px) {
		.row {
			margin:0;
		}
		.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12 {
			width:100%;
			margin-bottom: 2%;
		}
		.offset-1,.offset-2,.offset-3,.offset-4,.offset-5,.offset-6,.offset-7,.offset-8,.offset-9,.offset-10,.offset-11 {
			margin-left: 0;
		}
	}

/*

    Mobile

*/

	@media only screen and (max-width: 480px) { }

/*

    Retina Images

*/

	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { }