* { box-sizing: border-box;}

body { background-color: #D3D3D3;
	   color: #000000; 
	   font-family: Arial, Helvetica, sans-serif; }
	   
#wrapper { background-color: #D3D3D3;
		   border: 1px solid #000033;
}

header { background-color: #006400;
	   color: #FFF; 
	   background-image: url(images/logo.png);
	   background-position: Left;
	   background-repeat: no-repeat;
	   text-align: Center;
	   letter-spacing: 2px;
	   padding-left: 1em;
 }

header a {
	text-decoration: none;
	}
header a:link {color: #FFFFFF; }
header a:visited{ color: #FFFFFF; }
header a:hover{ color: #000000; }

	   
h1 { margin-bottom: 0;
	margin-top: 0;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-family: Georgia, "Times New Roman", serif; 
	letter-spacing: 0.05em;
	padding-left: 3em;
	}

nav { text-align: center;
	margin-top: 0;
	font-weight: bold;
	padding: 0;	
	font-size: 120%;
}
nav li { border-bottom: 1px solid #000000;
	}	
nav a { text-decoration: none;
	}

nav ul { list-style-type: none;
		 margin: 0;
		 padding-left: 0;
		 font-size: 1.2em;
}

nav a:link{ color: #000000; }
nav a:visited{ color: #000000; }
nav a:hover{ color: #FFFFFF; }


main { background-color: #D3D3D3;
	   padding-left: 30px;
	   padding: 1px 20px 20px 20px;
	   display: block;
	   overflow: auto;		   
}


	
h2 { color: #006400;
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	text-shadow: 1px 1px 1px #CCC;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	}
	 
h3 { color: #FFFFFF; 
	font-family: Georgia, "Times New Roman", serif; }

h4 { color: #006400; 
	font-size: 1.5em;
	font-family: Allura;
	text-shadow: 1.5px 1.5px 1.5px #CCC;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0.5em;	
	padding-top: 0.5em;
	padding-bottom: 0;
	}
h4 a:link{ color: #006400; text-decoration:none;}
h4 a:visited{ color: #006400; text-decoration:none;}
h4 a:hover{ color: #FFFFFF; text-decoration:none;}

h5 { font-size: 1em;
	text-align: left;
	color: #000000;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif; }

h6 { font-size: 1.75em;
	color: #006400;
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	text-shadow: 1px 1px 1px #CCC;
	padding-top: 0;
	padding-bottom: 0;
	}	
form { 	display: flex;
		flex-flow: column nowrap;
}

input, textarea { margin-bottom: 0.5em;
}

input {padding: .5em;
}

footer { 
		  background-color: #D3D3D3;
		  font-size: 75%;
		  font-style: italic;
		  text-align: center;
		  font-family: Georgia, "Times New Roman", serif;
		  padding: 2em;
		  }
		  
footer a:link{ color: #000000; }
footer a:visited{ color: #000000; }
footer a:hover{ color: #FFFFFF; }

#guncabpic1 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/guncab1.jpg);
}
#guncabpic2 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/guncab2.jpg);
}
#guncabpic3{ height: 350px;
			background-size: 100% 100%;
			background-image: url(images/guncab3.jpg);
}
#walnuttablepic1 { height: 250px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable1.png);
}
#walnuttablepic2 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable2.png);
}
#walnuttablepic3{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable3.png);
}
#walnuttablepic4 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable4.png);
}
#walnuttablepic5 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable5.png);
}
#walnuttablepic6{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/coffeetable6.png);
}
#trashbinpic1 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/trashcan1.jpeg);
}
#trashbinpic2 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/trash-can.jpeg);
}
#trashbinpic3{ height: 350px;
			background-size: 100% 100%;
			background-image: url(images/trashcanopen.jpeg);
}

#nightstandpic1 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/nightstand1.jpg);
}
#nightstandpic2 { height: 350px;
			background-size: 100% 100%;
			background-image: url(images/nightstand2.jpg);
}
#nightstandpic3{ height: 350px;
			background-size: 100% 100%;
			background-image: url(images/nightstand.jpg);
}
#homemadebedpic1 { height: 250px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed1.jpg);
}
#homemadebedpic2 { height: 300px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed2.jpg);
}
#homemadebedpic3{ height: 300px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed3.jpg);
}
#homemadebedpic4 { height: 300px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed4.jpg);
}
#homemadebedpic5 { height: 300px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed5.jpg);
}
#homemadebedpic6{ height: 300px;
			width: 200px;
			background-size: 100% 100%;
			background-image: url(images/homemadebed6.jpg);
}
#decorativepic1 { height: 250px;
			background-size: 100% 100%;
			background-image: url(images/wallart.jpg);
}
#decorativepic2 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/wallart2.jpg);
}
#decorativepic3{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/wallart3.jpg);
}
#decorativepic4 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/cuttingboard1.png);
}
#decorativepic5 { height: 300px;
			background-size: 100% 100%;
			background-image: url(images/cuttingboard2.jpg);
}
#decorativepic6{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/jewelerybox.jpg);
}
#decorativepic7{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/servingtray1.jpg);
}
#decorativepic8{ height: 300px;
			background-size: 100% 100%;
			background-image: url(images/servingtray2.jpg);
}
#cedarplanterspic1 { height: 550px; width: 400px;
			background-size: 100% 100%;
			background-image: url(images/cedarplanters1.jpg);
}
#cedarplanterspic2 { height: 550px; width: 400px;
			background-size: 100% 100%;
			background-image: url(images/cedarplanters2.jpg);
}
#cedarplanterspic3{ height: 550px; width: 400px;
			background-size: 100% 100%;
			background-image: url(images/cedarplanters3.jpg);
}

table { border-spacing: 0;
		border: 2px solid #3399CC;
	    border-collapse: collapse;
		Text-align: Center;
		margin-left: auto;
		margin-right:auto;
		}
		
table a:link{ color: #00205B; text-decoration:none;}
table a:visited{ color: #00205B; text-decoration:none;}
table a:hover{ color: #EF3340; text-decoration:none;}		

td, th { padding: 0.5em; border: 2px solid #3399CC; }
td { text-align: center; }
.text { text-align: left; }
tr:nth-of-type(odd) { background-color: #bfc2c7; }



@media ( min-width: 600px) {
	nav ul { display: flex;
		    flex-flow: row nowrap;
			justify-content: space-around;		
	}
	
	nav li { border-bottom: none;
	}
	
	section { padding-left: 2em;
			  padding-right: 2em;
}
	
	form { display: grid;
		  grid-template-columns: 6em 1fr;
		  grid-template-rows: auto;
		  grid-gap: 1em;
	}
	
	.content main {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	h1 {padding-left: 5em;}
	h2 { grid-row: 1 / 2; grid-column: 1 / 5;		
		}
	h4 { grid-row: 1 / 2; grid-column: 1 / 5;		
		}
	h5 { grid-row: 1 / 2; grid-column: 1 / 5;		
		}
	h6 { grid-row: 1 / 2; grid-column: 1 / 5;		
		}
	#subpagesheader { grid-row: 5; grid-column: 1 / 4;}
	#guncabinet1 { grid-row: 7; grid-column: 1;}
	#guncabinet2 { grid-row: 7; grid-column: 2;}
	#guncabinet3 { grid-row: 7; grid-column: 3;}
	#guncabpic1 {height: 200px; }
	#guncabpic2 {height: 200px; }
	#guncabpic3 {height: 200px; }
	#walnuttable1 { grid-row: 7; grid-column: 1;}
	#walnuttable2 { grid-row: 7; grid-column: 2;}
	#walnuttable3 { grid-row: 7; grid-column: 3;}
	#walnuttable4 { grid-row: 8; grid-column: 1;}
	#walnuttable5 { grid-row: 8; grid-column: 2;}
	#walnuttable6 { grid-row: 8; grid-column: 3;}
	#walnuttablepic1 {height: 200px; }
	#walnuttablepic2 {height: 200px; }
	#walnuttablepic3 {height: 200px; }
	#walnuttablepic4 {height: 200px; }
	#walnuttablepic5 {height: 200px; }
	#walnuttablepic6 {height: 200px; }
	#trashbin1 { grid-row: 7; grid-column: 1;}
	#trashbin2 { grid-row: 7; grid-column: 2;}
	#trashbin3 { grid-row: 7; grid-column: 3;}
	#trashbinpic1 {height: 400px; }
	#trashbinpic2 {height: 400px; }
	#trashbinpic3 {height: 400px; }
	#nightstand1 { grid-row: 7; grid-column: 1;}
	#nightstand2 { grid-row: 7; grid-column: 2;}
	#nightstand3 { grid-row: 7; grid-column: 3;}
	#nightstandpic1 {height: 300px; }
	#nightstandpic2 {height: 300px; }
	#nightstandpic3 {height: 300px; }
	#homemadebed1 { grid-row: 7; grid-column: 1;}
	#homemadebed2 { grid-row: 7; grid-column: 2;}
	#homemadebed3 { grid-row: 7; grid-column: 3;}
	#homemadebed4 { grid-row: 8; grid-column: 1;}
	#homemadebed5 { grid-row: 8; grid-column: 2;}
	#homemadebed6 { grid-row: 8; grid-column: 3;}
	#homemadebedpic1 {height: 200px; }
	#homemadebedpic2 {height: 200px; }
	#homemadebedpic3 {height: 200px; }
	#homemadebedpic4 {height: 200px; }
	#homemadebedpic5 {height: 200px; }
	#homemadebedpic6 {height: 200px; }
	
	#decorative1 { grid-row: 7; grid-column: 1;}
	#decorative2 { grid-row: 7; grid-column: 2;}
	#decorative3 { grid-row: 7; grid-column: 3;}
	#decorative4 { grid-row: 8; grid-column: 1;}
	#decorative5 { grid-row: 8; grid-column: 2;}
	#decorative6 { grid-row: 8; grid-column: 3;}
	#decorative7 { grid-row: 9; grid-column: 1;}
	#decorative8 { grid-row: 9; grid-column: 2;}
	#decorativepic1 {height: 200px; }
	#decorativepic2 {height: 200px; }
	#decorativepic3 {height: 200px; }
	#decorativepic4 {height: 200px; }
	#decorativepic5 {height: 200px; }
	#decorativepic6 {height: 200px; }
	#decorativepic7 {height: 300px; }
	#decorativepic8 {height: 300px; }
	#cedarplanters1 { grid-row: 7; grid-column: 1;}
	#cedarplanters2 { grid-row: 7; grid-column: 2;}
	#cedarplanters3 { grid-row: 7; grid-column: 3;}
	#cedarplanterspic1 {height: 275px; width: 230px; }
	#cedarplanterspic2 {height: 300px; width: 250px;}
	#cedarplanterspic3 {height: 300px; width: 250px; }
	
	
	
	footer { grid-row: auto; grid-column: 1 / 5;	
		}
}

@media ( min-width: 1024px) {
	nav ul { display: flex;
		flex-flow: column;
		padding-top: 1em;
	}
	nav {text-align: left;
		padding-left: 1em;
	}
	h1 {padding-left: 3em;}
	#wrapper {
		margin: auto;
		width: 80%;
		border: 1px solid #000033;
		box-shadow: 1px 1px #000033;
		display: grid;
		grid-template-columns: 180px auto;
		grid-template-rows: auto;
	}
	

	header { grid-row: 1 / 2; grid-column: 1 / 3; }
	nav { grid-row: 2 / 5; grid-column: 1 / 2; }
	div { grid-row: 2 / 3; grid-column: 2 / 3; }
	main { grid-row: 3 / 4; grid-column: 2 / 3; }
	#subpagesheader { grid-row: 4; grid-column: 1 / 4;}
	#guncabinet1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#guncabinet2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#guncabinet3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
	#walnuttable1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#walnuttable2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#walnuttable3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
	#walnuttable4 { grid-row: 7; grid-column: 1;
						 Text-align: center;}
	#walnuttable5 { grid-row: 7; grid-column: 2;
						 Text-align: center;}
	#walnuttable6 { grid-row: 7; grid-column: 3;
						 Text-align: center;}
	#trashbin1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#trashbin2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#trashbin3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
					
	#nightstand1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#nightstand2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#nightstand3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
	#homemadebed1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#homemadebed2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#homemadebed3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
	#homemadebed4 { grid-row: 7; grid-column: 1;
						 Text-align: center;}
	#homemadebed5 { grid-row: 7; grid-column: 2;
						 Text-align: center;}
	#homemadebed6 { grid-row: 7; grid-column: 3;
						 Text-align: center;}
	#decorative1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#decorative2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#decorative3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}
	#decorative4 { grid-row: 7; grid-column: 1;
						 Text-align: center;}
	#decorative5 { grid-row: 7; grid-column: 2;
						 Text-align: center;}
	#decorative6 { grid-row: 7; grid-column: 3;
						 Text-align: center;}
	#decorative7 { grid-row: 8; grid-column: 1;
						 Text-align: center;}
	#decorative8 { grid-row: 8; grid-column: 2;
						 Text-align: center;}
	#cedarplanters1 { grid-row: 6; grid-column: 1;
						 Text-align: center;}
	#cedarplanters2 { grid-row: 6; grid-column: 2;
						 Text-align: center;}
	#cedarplanters3 { grid-row: 6; grid-column: 3;
						 Text-align: center;}						 
	section { grid-row: 2 / 3; grid-column: auto;}

	footer { grid-row: 4 / 5; grid-column: 2 / 3; }
}