/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	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: 'Roboto Slab',serif;	
	vertical-align: baseline;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
	display: block;}
	
	body {	
	line-height: 1.5;
	}
	
	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 reset*/
  	body {
  	background-image: url("img/mandalorian-episode2-conceptart1.jpg");
	background-repeat: repeat;
	height: auto;
	width: auto;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	}


    h1 {
	    font-family: 'Roboto Slab', serif;
	    font-size: 50px;
	    text-align: center;
	    color: #D6BB3D;
    }

    h3 {
    	font-family: 'Stalinist One', cursive;
    	font-size: 30px;
	    text-align: center;
	    color: #7F4C30;

    }

    h4 {
    	font-family: 'Roboto Slab', serif;
    	font-size: 40px;
	    text-align: center;
	    color: black;

    }
    

    h2 {
    	font-family: 'Stalinist One', cursive;
    	font-size: 20px;
	    color: #734432;

    }

    h5{
    	font-family: 'Stalinist One', cursive;
    	font-size: 25px;
	    color: #734432;

    }

    #p1 {
    	font-family: 'Roboto Slab', serif;
    	font-size: 20px;
    	color: #7F4C30;
    }

    #p{
    	border: 10px solid #402116;
    	border-radius: 10px;
		width: 500px;
		padding: 10px;
		background-color: #37322E;
		position: relative;
		top:20px;
		left:20px;
    }
    #header {
    	margin-bottom: 500px;
    }

    #Episodes {
    	font-family: 'Roboto Slab', serif;
    	background-color: black;
    	border: 3px solid #734432;
    	padding: 20px;
    	font-size: 15px;
    	color: white;

    }
  
    #episode1 {
    	border: 2px solid #734432;

    }


    #chapter1 {
  	background-image: url("img/Zo2mtGE.jpg");
  	position: relative;
	background-attachment:fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-size:150%;

	 }

	#mando {
 	margin-bottom: 250px;
 	}

  
    #Episode2 {
    	border: 2px solid #734432;

    }


    #chapter2 {
	  	background-image: url("img/mandalorian-episode2-conceptart7.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;

 	}

 	#mando2 {
 		margin-bottom: 250px;
 	}
  	#Episode3 {
    	border: 2px solid #734432;

    }


    #chapter3 {
	  	background-image: url("img/mandalorian-episode3-conceptart7.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

	 #mando3 {
 		margin-bottom: 250px;
	 }

  	#Episode4 {
    	border: 2px solid #734432;

    }


    #chapter4 {
	  	background-image: url("img/EK0lXF_UEAAjRDN.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando4 {
 		margin-bottom: 250px;
 	}
  	#Episode5 {
    	border: 2px solid #734432;

    }


    #chapter5 {
	  	background-image: url("img/7dn48nY.png");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

	 #mando5 {
 		margin-bottom: 250px;
 	}
  	#Episode6 {
    	border: 2px solid #734432;
    }


    #chapter6 {
	  	background-image: url("img/the-mandalorian-chapter-6-01.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando6 {
 		margin-bottom: 250px;
 	}
 	#Episode7 {
    	border: 2px solid #734432;
    }


    #chapter7 {
	  	background-image: url("img/F62qfdB.png");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando7 {
 		margin-bottom: 250px;
 	}
 	#Episode8 {
    	border: 2px solid #734432;
    }


    #chapter8 {
	  	background-image: url("img/a33e240143f29c57ed206c0b8caf767d.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando8 {
 		margin-bottom: 250px;
 	}

 	#Episode9 {
    	border: 2px solid #734432;
    }

    #chapter9 {
	  	background-image: url("img/mandalorian-episode3-conceptart8.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:100%;
 	}

 	#mando9 {
 		margin-bottom: 250px;
 	}
  

  /* desktop styles */
  @media only screen and (min-width: 1000px){
   body {
	
	background-image: url("img/mandalorian-episode2-conceptart1.jpg");
	background-repeat: no-repeat;
	min-height: 1020px;
	height: 100%;
	width: 100%;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	
}


    h1 {
	    font-family: 'Roboto Slab', serif;
	    font-size: 75px;
	    text-align: center;
	    color: #D6BB3D;
    }

    h3 {
    	font-family: 'Stalinist One', cursive;
    	font-size: 40px;
	    text-align: center;
	    color: #7F4C30;

    }

    h4 {
    	font-family: 'Roboto Slab', serif;
    	font-size: 60px;
	    text-align: center;
	    color: black;

    }
    

    h2 {
    	font-family: 'Stalinist One', cursive;
    	font-size: 40px;
	    color: #734432;

    }

    h5{
    	font-family: 'Stalinist One', cursive;
    	font-size: 25px;
	    color: #734432;

    }

    #p1 {
    	font-family: 'Roboto Slab', serif;
    	font-size: 20px;
    	color: #7F4C30;
    }

    #p{
    	border: 10px solid #402116;
    	border-radius: 10px;
		width: 500px;
		padding: 10px;
		background-color: #37322E;
		position: relative;
		top:20px;
		left:20px;
    }
    #header {
    	margin-bottom: 500px;
    }

    #Episodes {
    	font-family: 'Roboto Slab', serif;
    	background-color: black;
    	border: 3px solid #734432;
    	padding: 20px;
    	font-size: 20px;
    	color: white;

    }
  
    #episode1 {
    	border: 2px solid #734432;

    }


    #chapter1 {
  	background-image: url("img/Zo2mtGE.jpg");
  	position: relative;
	background-attachment:fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	background-size:150%;

	 }

	 #mando {
 	margin-bottom: 500px;
 	}

  
    #Episode2 {
    	border: 2px solid #734432;

    }


    #chapter2 {
	  	background-image: url("img/mandalorian-episode2-conceptart7.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;

 	}

 	#mando2 {
 		margin-bottom: 500px;
 	}
  	#Episode3 {
    	border: 2px solid #734432;

    }


    #chapter3 {
	  	background-image: url("img/mandalorian-episode3-conceptart7.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

	 #mando3 {
 		margin-bottom: 500px;
	 }

  	#Episode4 {
    	border: 2px solid #734432;

    }


    #chapter4 {
	  	background-image: url("img/EK0lXF_UEAAjRDN.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando4 {
 		margin-bottom: 500px;
 	}
  	#Episode5 {
    	border: 2px solid #734432;

    }


    #chapter5 {
	  	background-image: url("img/7dn48nY.png");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

	 #mando5 {
 		margin-bottom: 500px;
 	}
  	#Episode6 {
    	border: 2px solid #734432;
    }


    #chapter6 {
	  	background-image: url("img/the-mandalorian-chapter-6-01.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando6 {
 		margin-bottom: 500px;
 	}
 	#Episode7 {
    	border: 2px solid #734432;
    }


    #chapter7 {
	  	background-image: url("img/F62qfdB.png");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando7 {
 		margin-bottom: 500px;
 	}
 	#Episode8 {
    	border: 2px solid #734432;
    }


    #chapter8 {
	  	background-image: url("img/a33e240143f29c57ed206c0b8caf767d.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:150%;
 	}

 	#mando8 {
 		margin-bottom: 500px;
 	}

 	#Episode9 {
    	border: 2px solid #734432;
    }

    #chapter9 {
	  	background-image: url("img/mandalorian-episode3-conceptart8.jpg");
	  	position: relative;
		background-attachment:fixed;
		background-position: center bottom;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
		background-size:100%;
 	}

 	#mando9 {
 		margin-bottom: 500px;
 	}