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


.logoimg
{
	margin: 30px 330px 10px;
}

a
{
	text-decoration: none;
	margin: 0px 35px;
	font-size: 18px;
	color: #3f5837;
}

nav 
{
text-align:center;
padding: 10px 45px;
margin-left: 50px;
padding-bottom: 12px;
}

.button-links
{
	text-align:left;
	color: #fff;
}

.button1
{
	float: left;
}

.button2
{
	float: left;
}

.button3
{
	float: left;
}

body 
{
background-color: #6A8067;
}

#wrapper 
{
width: 960px;
margin-left: auto;
margin-right: auto;
background-color: #e6e2d5;
	
}

h1, h2, h3 
{
font-family: 'Lora', serif;
} 

h1 
{	
color: #fff;
width: 960px;
font-size: 55px;
text-align: center;
padding: 10px 0px;
position: absolute;
top: 300px;
}

h2 
{
color: #322E2E;
font-size: 30px;
text-align: left;
padding: 10px 0px 0px 10px;
margin-bottom:12px;
margin-left: 35px;
border-radius: 10px;
line-height: 40px;

}

h3
{
font-family: 'Ysabeau', sans-serif;
color: #322E2E;
font-size: 18px;
text-align: left;
margin-bottom: 10px;
padding-left: 45px;
}

p
{
color: #322e2e;
font-family: 'Ysabeau', sans-serif;
font-size: 15px;
padding-left: 45px;
position: relative;
line-height: 25px;
}

#heading1
{
	background-position: center;
	padding-bottom: 50px;

}

.float-right
{
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 60px;
	border: 12px solid #a379a3;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.float-left
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 60px;
	border: 12px solid #a379a3;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
button
{
	background-color: #6a8067;
	padding: 40px 5px;
	clear: both;
	
	color: #fff;
	text-align: left;
	font-size: 16px;
	font-family: 'Lora', serif;
	
	border: none;
	
	width: 16%;
	margin: 35px 10px 35px 30px;
	left: 50px;
	height: 150px;
}

button:hover
{
	background-color: #3f5837;
}
.mission-statement-button
{
	text-align: center;
	background-color: #A379A3;
	width: 35%;
	margin: 0px 310px 30px;
}

#homepage-box
{
	width: 50%;
}

footer
{
text-align: center;	
background-color: #3F5837;
font-color: #fff;
padding-bottom: 15px;
width: 960px;
clear: both;
}

.footer-title
{
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}

.footer-text
{
	font-family: 'Ysabeau', sans-serif;
	font-size: 12px;
	color: #fff;
	margin-bottom: 8px;
}

#flex-container
{
	margin: 80px 70px 35px;
	padding: 20px;
	width: 80%;
	background-color: #6a8067;
	color: #fff;
}

li
{
	list-style: decimal;
	font-family: 'Ysabeau', sans-serif;
	font-size: 17px;
	margin-left:28px;
	line-height: 50px;
	text-align: center;
}

.list-header
{
	text-align: center;
	color: #fff;
}

.experience-left
{
	width: 50%;
	float: left;
	margin-bottom: 25px;
}

.experience-right
{
	width: 45%;
	float: right;
	margin-right: 20px;
	margin-bottom: 50px;
}

.experience-title
{
	font-size: 20px;
	margin-left: 30px;
}

#meet-cali-container
{
	background-color:#A379A3;
	width: 80%;
	margin-left: 100px;
	margin-bottom: 50px;
	display:flex;
	clear: both;
}

.meet-cali-text
{
	float:right;
	font-weight: 500;
	color: #fff;
	padding-right: 5px;
	font-family: 'Ysabeau', sans-serif;
}

.meet-cali-image
{
	float:left;
	padding: 10px;
}

.newsletter-img
{
	border: solid 15px #6a8067;
	margin: 10px 50px;
	float: left;
	margin-bottom: 60px;
}

#mission
{
	width: 80%;
	margin-left: 80px;
	margin-bottom: 50px;
}

#mission-list
{
	margin: 20px 50px;
	text-align: left;
	font-weight: bold;
}

.newsletter-button
{
	background-color: #A379A3;
	opacity: 75%;
	width: 250px;
	border-radius: 40px;
	padding: 8px;
	position: absolute;
	top: 420px;
	margin-left: 250px;
	height: 40px;
}

.landing-page-title
{
	position: absolute;
	bottom: -50px
}

.perks-main-title
{
	text-align: center;
}

#box1
{
	background-color: #3f5837;
	width: 25%;
	margin:40px;
	float: left;
	height: 275px;
}

#box2
{
	background-color: #3f5837;
	width: 25%;
	margin:40px;
	float: left;
	height: 275px;
}

#box3
{
	background-color: #3f5837;
	width: 25%;
	margin:40px;
	float: left;
	height: 275px;
}

.perks-title
{
	font-size: 25px;
	color: #fff;
	text-align: center;
	margin-right: 40px;
	line-height: 30px;
}

.perks-text
{
	text-align: center;
	font-family: 'Ysabeau', sans-serif;
	color: #fff;
	line-height: 25px;
	padding: 15px;
}

#thank-you-box
{
	width: 600px;
	background-color: #6a8067;
	position: absolute;
	margin-left: 130px;
	top: 800px;
	padding: 30px;
	padding-right:50px;
}

.ty-text
{
	color: #fff;
	text-align: center;
}

.ty-image
{
	margin-bottom: 300px;
	margin-left: 350px;
	margin-top: -30px;
	position: relative;
	padding: 10px
}

/*--MailChimp Form styling --*/

#form-container
{
	float: right;
	margin-right: 150px;
	margin-top: 50px;
}

.mc-field-group
{
	margin: 10px 0px;
	font-family: 'Lora', serif;
}

.button
{
	padding:  5px 40px;
	background-color: #3f5837;
	color: #fff;
	font-family: 'Lora', serif;
	margin-top: 15px;
	border-radius: 40px;
	border-color: none;
}

/*-- sign up button --*/

#mce-EMAIL
{
	padding: 5px 100px;
	border-radius: 40px;
	border-color: #fff;
}

#mce-FNAME
{
	padding: 5px 20px;
	border-radius: 40px;
	border-color: #fff;
}

#mce-MMERGE3
{
	padding: 5px 80px;
	border-radius: 40px;
	border-color: #fff;
}