:root {
    --dark: #343626; 
	--med:#6E7061;
	--light:#ADAF99;
	--orange:#ff9900; 
	--white:#ffffff;
	--black:#000000;
	background:var(--light);
}
*{
	margin:0 auto;
	padding:0px;
}
.capital{
	font-weight: bold;
  color:var(--orange);
  font-size:1.5em;
}
#main-container {	
	background:var(--orange);
	width:80vw;
	max-width:800px;
	
	
} 

.header-container{
	background:var(--med);
	padding:10px 0px;
	width:100%;
}

.header-title{
	padding:20px 0px;
	border-radius:8px; 
	background:var(--dark);
	font-size:1.75em;
	width:80%;
	text-align:center;
	color:var(--light);	

	
}
.logo-img {
	text-align:center;
	width:80%;
}
 
.logo-img img{
	width:100%;
	border:1px solid var(--orange);
	border-radius:8px; 		 
}

.body-container{
	background:var(--dark);
	color:var(--light);
	width:90%;
	margin-top:20px;
	padding:20px; 
	font-size:1.25em;
	border-radius:8px;
}

.body-container-img {
color:var(--white);
text-align:center;

}

.body-container-img img{
	width:25%;
	
}

.body-container p::first-letter{ 	 
  font-weight: bold;
  color:var(--orange);
  font-size:1.5em;
  
}

.contact-btn{
	background:var(--orange);
	text-decoration:none;
	padding:2px 8px;
	color:var(--white);
	cursor:pointer;
	border-radius:4px;
}


.instructions-ul{
	list-style:none; 
	list-style:url("../Img/list-img.png");
	padding-left:45px;
}
.instructions-ul li::first-letter{
   font-weight: bold;
  color:var(--light);
  font-size:1.5em;
}

.spar-instructions-container {
 	display:flex;
	color:var(--white);
	font-size:.75em;
}
.spar-instructions-a img{
width:100%;
}
.spar-instructions-b img{
	width:100%;	
	
} 
.overview h1{
	background:var(--orange);
	text-decoration:none;
	padding:2px 8px;
	color:var(--white);
	cursor:pointer;
	border-radius:4px;
	margin:20px 0;
}

.overview img{
	width:90%;
}
.footer{
  
   width:80vw;
	max-width:800px;
	height:60px;
   background-color:var(--med);
   color: white;
   text-align: center;
}   

.footer-info {
	padding-top:25px;
}