body { background-color: #A9A9A9; }
a { text-decoration: none; 
	color: #A2D729; }
a:hover { color: #FA824C; }
header a:link { color: #A2D729; }
header a:visited { color: #A2D729; }
header a:hover { color: #FA824C; }
header { background-color: #342E37;
		 text-align: center; 
		 font-size: 120%; 
		 padding-bottom: 1em; padding-top: 0.5em; }
header h1 { margin-top: 0; margin-bottom: 0; 
			text-decoration: none; 
			background-color: #342E37}
header p { color: #A2D729; 
		   margin-top: 0; margin-bottom: 0; 
		   letter-spacing: 2px; 
		   text-shadow: 3px 3px 3px #000000; 
		   font-family: Calibri;
		   font-weight: bold; }
h1 { font-family: Helvetica, sans-serif; 
     color: #A2D729; 
	 text-align: center; 
	 text-shadow: 3px 3px 3px #000000; }
nav { font-weight: bold; 
	  font-family: "Century Gothic"; 
	  font-size: 125%; 
	  text-align: center; }
nav ul { list-style-type: none; 
		 margin: 0;
		 padding-left: 0;
		 font-size: 1.2em; }
nav li { background-color: #A2D729; 
		 color: #342E37; 
		 border-bottom: 1px solid #342E37; border-right: 1px solid #342E37;
		 border-left: 1px solid #342E37; }
nav li:hover { background-color: #85B021; 
			   color: #FFFFFF; }
nav a { text-decoration: none; }
nav a:link { color: #342E37; }
nav a:hover { color: #FFFFFF; 
			  text-shadow: 2.5px 2.5px 2.5px #779C20; }
nav a:visited { color: #342E37; }
h2 { text-align: center; 
     font-family: sans-serif; 
	 background-color: #342E37; 
	 color: #A2D729;
	 text-shadow: 3px 3px 3px #000000;
	 font-size: 150% ; 
	 margin: 0; 
	 padding: 1em; }
h3 { margin-bottom: 0; 
	 text-decoration: underline; }
section { text-align: center; 
		  font-family: sans-serif; 
		  color: #FFFFFF; 
		  padding-left: 1em; padding-right: 1em; 
		  margin-top: 2em; }
section p { margin-top: 5px; 
			color: #FFFFFF; }
footer { background-color: #000000;
		 color: #FFFFFF;
		 text-align: center; 
		 font-style: italic; 
		 padding-bottom: 1em; padding-top: 0.5em; 
		 margin-top: 2em; }
footer a { text-decoration: none; 
		   font-style: normal; }
footer a:link { color: #A2D729; }
footer a:hover { color: #FA824C; }
footer a:visited {color: #A2D729; }
footer p { color: #FFFFFF; }
#wrapper { background-color: #342E37; }
.hero { background-color: #000000; }
.hero img { display: block;
			width: 100%; max-height: 450px; max-width: 800px; 
			margin: auto; }
.contact { color: #A2D729;
		   background-color: black; 
           text-align: center; 
		   margin-bottom: 0; 
		   padding-top: 2em; padding-bottom: 2em; }
.contact h1 { font-size: 300%; 
			  margin-bottom: 0; }
.contact label { font-weight: bold; 
				 font-size: 125%; }
.contact p { margin-top: 0; 
			 margin-bottom: 2em; }
#contactFooter { margin-top: 0; }
.subject h2 { background-color: #151515; }
.content p { text-shadow: 2px 2px 4px #000000; }
input[type="text"], input[type="email"], input[type="tel"] { margin-top: 0.5em; 
															 width: 350px; }
textarea, input[type="radio"] { margin-top: 0.5em; }
#aboutBody p { color: #A2D729;
			   text-align: center; 
			   font-family: Arial, sans-serif; 
			   font-weight: bold; 
			   line-height: 2em; 
			   margin: auto 1em; }
.repairContent { color: #FFFFFF; 
				 font-family: Arial, sans-serif; 
				 text-align: center;
			     margin: 1em; }
.repairContent h2 { padding: 0; }
.repairContent p { text-shadow: 3px 3px 3px #000000; }
#contactLink { display: flex;
			   justify-content: center;
			   align-items: center; 
			   font-size: 70%;
			   min-height: 300px; }
#contactLink a { text-decoration: none; 
				 text-shadow: none; 
				 background-color: #A2D729; 
				 padding: 1em; 
				 box-shadow: 5px 5px 10px #000000; }
#contactLink a:link { color: #000000; }
#contactLink a:visited { color: #000000; }
#contactLink a:hover { color: #FFFFFF; 
					   background-color: #618118; 
					   text-shadow: 3px 3px 3px #000000; 
					   box-shadow: inset 3px 3px 10px #000000; }
@media (min-width: 600px) {
	nav ul { display: flex; flex-flow: nowrap;
			 justify-content: space-around; }
	nav li { width: 100%; 
			 border: none; }
	nav li:hover { background-color: #A2D729; }
	nav a:hover { text-decoration: underline; 
				  text-underline-offset: 3px; 
				  color: #FFFFFF; }
	nav { background-color: #A2D729; 
		  padding: 0.25em; }
	.content { display: grid;
		       grid-template-rows: auto;
		       grid-template-columns: 1fr 1fr 1fr; 
			   min-height: 200px; 
			   padding-left: 1em; padding-right: 1em; 
			   text-shadow: none; }
	.content section p { color: #000000; 
						 text-shadow: none; }
	section { margin-left: 1em; margin-right: 1em;	
			  background-color: #A2D729; 
			  color: #000000; 
			  box-shadow: 5px 5px 3px #000000; }
	h3 { margin-bottom: 1em; 
		 font-size: 125%; }
	form { background-color: black; 
		   margin: auto; 
		   width: 70%; 
		   padding: 2em 0;
		   border: 2px solid #A9A9A9; 
		   box-shadow: 10px 10px 5px #222222; 
		   max-width: 500px; }
	#contactFooter { margin-top: 2em; }
	.contact { background-color: #342E37;
			   padding-bottom: 0; }
	#aboutBody p { display: flex; justify-content: center;
				   align-items: center; 
				   min-height: 340px; }
	#contactLink { font-size: 100%; }
	main { min-height: 340px; }
	}
@media (min-width: 1024px) {
	#wrapper { margin: auto; 
			   max-width: 1024px; 
			   box-shadow: 5px 5px 3px #000000; }
	.indexhero img { height: 450px; }
	}