/*-----------------------------------*\
	$GRID
\*-----------------------------------*/
    
    .container {
    	/* Whatever you want. Theyre your oats. */
    	max-width: 960px;
    	margin: 0 auto;
    	padding: 0 30px;
    	padding: 0 1.5rem;
    }
    
    .grid {
    	margin-left: -3%;
    	max-width: 105%;
    }
    
    .unit {
    	display: inline-block;
    	*display: inline;
    	*zoom: 1;
    	vertical-align: top;
    	margin-left: 3%;
    	margin-right: -.25em;
        margin-bottom: 0.5rem;
    	/* Clearfix */
    	overflow: hidden;
    	*overflow: visible;
        }
    
    	.unit.demo {
    		background-color: #fff8eb;
    		height: 48px;
    		height: 3rem;
    		margin-bottom: 24px;
    		margin-bottom: 1.5rem;
            }  
    
    
    .span-grid {
    	width: 97%;
        }
    
    .one-of-two { width: 47%; }
    
    .one-of-three { width: 30.36%; }
    .two-of-three { width: 63.666666666%; }
    
    .one-of-four { width: 22.05%; }
    .three-of-four { width: 72%; }
    
    .one-of-five { width: 17.07%; }
    .two-of-five { width: 37%; }
    .three-of-five { width: 57%; }
    .four-of-five { width: 77%; }
    
    @media screen and (max-width: 650px) {
    	.grid {
    		margin-left: 0;
    		max-width: none;
    	}
    
    	.unit {
    		width: auto;
    		margin-left: 0;
    		display: block;
    	}
    }
  
  
    
/*-----------------------------------*\
	$TYPE

	Works off the assumption of a 1.5
	line height @ 20px. Again, change
	as necessary.
\*-----------------------------------*/
    
    
    p, .p, ul, ol, hr, table, form, pre,
    .alpha, .beta {
    	margin-bottom: 30px;
    	margin-bottom: 1.5rem;
    }
    
    h1, .alpha {
        margin-bottom: 0.5rem;
    	font-size: 80px;
    	line-height: 1;
    	font-family: 'Medula One'
    }
    
    h2, .beta {
        margin-bottom: 0.5rem;
    	font-size: 30px;
    	font-size: 1.5rem;
    	font-weight: 400;
    	line-height: 2;
    }
    
    h3, .gamma {
    	font-size: 20px;
    	font-size: 1rem;
    	font-weight: 700;
    }
    
    hr {
    	border: none;
    	border-bottom: 1px solid rgba(0,0,0,.1);
    	margin-top: -1px;
    }
    
    .textblock {
        font-family: 'Cutive Mono'
    }
    
    .container {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    
    header {
        padding-top: 4.5em;
        padding-bottom: 1em;
        color: #2a9800
    }
    
    header p {
        font-family: 'Cutive Mono'
    }
    
    footer, article {
        font-family: 'Cutive Mono';
        }
    
    body {
        background-color: rgb(250,248,243);
        }