html{
    height: 100%;
    margin: auto;
    width: 100%;
}

header {color: #cc0000;
		text-align: center;}

body {background-image: url("DnD.jpeg");
	background-size: cover;
  	height: 100%;
	color: #000000;
	background-repeat: no-repeat;
  	background-attachment: fixed;}

main {background-color: #fff9e6;}

#wrapper {background-image: linear-gradient (#cc6600, #994d00);}

nav{text-align: center;
	padding: auto;}
	
	
nav ul{display: inline-block;
		list-style-type: none;
		font-size: 1.2em;
		background-color: #ffe699;
		text-align: center;}
	
	
nav li{display: inline-block;
		padding-right: 2em;
		text-align: center;}
	
	
nav a:link {color: #994d00;}
nav a:visited {color: #cc6600;}
nav a:hover {color: #A52A2A;}

div {padding: 6em;}

h2 {text-align: center;}

h3 {padding: 4em;
	padding-top: 0em;
	padding-bottom: 1em;
	color: #5C5C5C;}
	
ul {padding: 7em;
	padding-top: 0em;
	padding-bottom: 1em;}

p {padding: 6em;
	padding-top: 0em;
	padding-bottom: 1em;}

img {width: 100%;
  		height: auto;}


table {text-align: center;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 5em;}

tr:nth-of-type(odd){background-color: #ffe699;}

footer {text-align: center;}

.center {display: block;
  			margin-left: auto;
  			margin-right: auto;
  			width: 85%;
  			padding-bottom: 1em;}
  			
@media (max-width: 1075px) {

		nav ul {display: flex;
				flex-flow:column;}
				
		h3 {padding: 2em;
			padding-top: 0em;
			padding-bottom: 1em;
			color: #5C5C5C;}
	
		ul {padding: 6em;
			padding-top: 0em;
			padding-bottom: 1em;}

		p {padding: 5em;
			padding-top: 0em;
			padding-bottom: 1em;}
		

}
  			
  			
  			
@media (max-width: 650px) {


		h3 {padding: 1em;
			padding-top: 0em;
			padding-bottom: 0em;
			color: #5C5C5C;}
	
		ul {padding: 4em;
			padding-top: 0em;
			padding-bottom: 0em;}

		p {padding: 3em;
			padding-top: 0em;
			padding-bottom: 0em;}



}