/** * Eric Meyer's Reset CSS v2.0 */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
	margin: 0;	
	padding: 0;	
	border: 0;	
	font-size: 100%;	
	font: inherit;	
	vertical-align: baseline;}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;}
	
	body {	
	line-height: 1.5;
	background-image: url(img/back.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
	}
	
	ol, ul {	
	list-style: none;
	}
	
	blockquote, q {	
	quotes: none;
	}
	
	blockquote:before, blockquote:after,q:before, q:after {	
	content: '';	
	content: none;
	}
	
	table {	
	border-collapse: collapse;	border-spacing: 0;
	}	 
	
	/* END OF RESET */

#wrapper {
    margin: 10px auto;
    width: auto;
    max-width: 1000px;
    padding: 5%;
    background-image: url(img/paper.jpg);
    background-repeat: no-repeat;
    background-size: 100% 150%;
    }
h1 {
	  	text-align: center;
    	font-size: 2em;
    	color: white;
    	font-family: 'New Tegomin', serif;
}

p{
	color: red;
	text-align: center;
	font-size: 1em;
	font-family: 'New Tegomin', serif;
}


#a{
	width: 100%;
    max-width: 300px;
}

#b{
	width: 100%;
    max-width: 300px;

}

#c{
	width: 100%;
    max-width: 300px;


}

#d{
	width: 100%;
    max-width: 300px;


}

#e{
	width: 100%;
    max-width: 300px;

}

#stalker{
		width: 100%;
    max-width: 500px;
}
    footer {
		font-family: 'RocknRoll One', sans-serif;
		text-align: center;
		clear: both;
		color: red;
		}

    #grid {
    	text-align: center;
    	margin-bottom: 2%;
    	margin-right: 100px;
    	margin-left: 100px;
    	font-size: 1em;
    	font-family: 'RocknRoll One', sans-serif;
    }

    #grid li {
    	border: 2px solid darkred;
    	display: grid;
    	margin: 1%;
    	text-align: center;
    	padding: 1%;
    	min-height: 150px;
    	color: darkred;
    }





        /* tablet styles*/
    @media only screen and (min-width: 600px) and (max-width: 800px){


    	#grid ul {
    		margin: 1%;
    		display: grid;
    		text-align: center;
    		padding: 1%;
    		grid-template-columns: 1fr 1fr;
    		grid-template-areas:
    		"step-one step-one"
    		"step-two step-three"
    		"step-four step-five"
    		;
    		grid-gap: 5px;
    	}

    	#house {
    		grid-area: step-one;
    	}

    	#forest {
    		grid-area: step-two;
    	}

    	#basement {
    		grid-area: step-three;
    	}
    	#grave {
    		grid-area: step-four;
    	}
    	#cabin {
    		grid-area: step-five;
    	}

    	/* desktop styles*/
    @media only screen and (min-width: 801px)   {

}