@charset "UTF-8";
/* CSS Document */


body 
{
background-color: #3a5a40;
background-image:url("../images/background.png")
}

section
{
width: 65%;
}
#wrapper 
{
width: 960px;
	
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 20px 30px;
background-color: #dad7cd;
	
border-width: 3px;
border-style: solid;
border-color: #a3b18a;
}

h1, h2, h3 
{
font-family: 'Big Shoulders Display', cursive;
} 

h1 
{
background-color: #a3b18a;
background: -webkit-linear-gradient (#a3b18a, #588157);
background: -o-linear-gradient (#a3b18a, #588157);
background: -moz-linear-gradient (#a3b18a, #588157);
background: linear-gradient(#a3b18a, #588157);
	
color: #dad7cd;
font-size: 55px;
text-transform: uppercase;
text-align: center;
border-radius: 10px;
	
padding: 10px 0px;
}

h2 
{
background-color: #588157;
color: #dad7cd;
font-size: 35px;
text-align: left;
padding:10px 0px 10px 10px;
margin-bottom:12px;
border-radius: 10px;
}

h3
{
color: #588157;
font-size: 25px;
text-align: left;
margin-bottom: 10px;
border-bottom:2px dashed #588157;
}

p
{
color: #344e41;
font-family: 'EB Garamond', serif;
font-size: 18px;
line-height: inherit;
margin-bottom: 15px;
}

li
{
margin-bottom: 15px;
list-style-type: circle;
list-style-position: inside;
padding-left: 40px;
font-size:18px;
}

footer
{
text-align: center;	
padding: 15px;
}

nav 
{
font-weight: bold;
text-align:center;
padding: 15px;
}

.feature 
{
color: #a3b18a;
}

.feature-box 
{
width: 30%;
text-align: center;
padding: 10px;
	
border-radius: 10px;
border: 3px solid #588157;
box-shadow: 5px 5px 5px #3a5a40;
margin-left: 25px
}

img
{
padding: 5px;
background-color: #dad7cd;
border: 2px solid #588157;
align-items: center;
}

.gallery
{
margin: 20px;

}

.align-left
{
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.align-right
{
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.clear
{
	clear:both;
}

.flex-container
{
	display:flex;
}

.image-container
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}