html
{
	font-family: 'Courgette', cursive;
}
.header
{
	width :100%;
	margin: 0;
	height: auto;
}
section
{
	width:100%;
	height:600px;
	
}
.row{
	width:100%;
	height: auto;
}

.indent
{
	margin-left: 20px;
	
}
*{
	font-family: 'Courgette', cursive;
}
a.intext{
	text-decoration:none;
	color: red;
}
a.intext:hover{
	color:grey;
}
div.service{
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:40%;
	margin-right:5%;
}
img.farm{
	width:100%;
	height: 568.33px;
	display: inline-block;
	margin-left:30px;
	border-radius:5px;
	margin-top: 0px;
	vertical-align:top;
	
}
img.herb{
	width:700px;
	height:400px;
	display: inline-block;
	margin-left:30px;
	border-radius:5px;
	margin-top: 0px;
	vertical-align:top;
}
img.hist{
	width:700px;
	height:400px;
	display: inline-block;
	margin-left:25%;
	border-radius:5px;
	margin-top: 0px;
	vertical-align:top;
}
p.hist{
	display: inline-block;
	margin-left:300px;
	border-radius:5px;
	margin-top: 0px;
	vertical-align:top;
}

div.image{
    background-image: url("images/front2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-color:#1d5940;
	margin-right:0;
	width:100%;
	height:256px;
}
div.image2{
    background-image: url("images/field1.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width:100%;
	height:300px;
}
img.header{
	 display: block;
    margin: 0 auto;
}
ul.navbar
{
 list-style-type: none;
  margin: 0;
  padding-left: 15%;
  overflow: hidden;
  width:auto;
  background-color: #1d5940;
}
.fadein { position:relative;
display:inline-block; width:60%; }

.fadein img { position:absolute; left:0; top:0; }

.fadein2{position:relative;
display:inline-block; width:100%; height: 440px;}

.fadein2 img { position:absolute; left:0; top:0; }

.fadein3 { position:relative;
display:inline-block; width:100%; }

.fadein3 img { position:absolute; left:0; top:0; }

body
{
	margin-right:0;
	background-color:#eaeaea;
}

ul.navbar li
{
display:inline-block;
text-align: center;
width:10%;
padding: 14px 16px;

}

ul.navbar a
{
display:inline-block;
text-align: center;
width:10%;
padding: 14px 16px;
text-decoration:none;


}

ul.navbar a li
{
  display: inline;
  color: #f8f8f8;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  
  font-size: 17px;
}

ul.navbar a:hover
{
	background-color: #1f7c56;
	color: #f2f2f2;
	text-shadow: 2px 1px #ad8139;
	transition: background-color 1s, text-shadow .3s;
	
}

hr.gold {
  font-family: Arial, sans-serif; 
  text-align: center;
  line-height: 1px; 
  height: 2px; 
  font-size: 1em; 
  border-width: 1px 0; 
  border-style: solid;
  border-color: #ad8139;
  margin: 20px 10px; 

 
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; 
   top:480px;  
   margin-top:-450px; 
   overflow:none;
   cursor:pointer;
}

article.frontleft
{
	vertical-align:top;
	height:auto;
	display: inline-block;
	border-radius:5px; 
	padding-top:0px; 
	padding-right:20px; 
	padding-bottom: 28px;
	padding-left:20px; 
	width:30%;
	margin-left: 30px;
}
div.map{
	background-color: white;
	padding: 10px 0px 10px;
	text-align: center;
}
.fullwidth{
	margin:0;
	padding-left:7%;
	padding-right:7%;
	width:86%;
	background-color:whitesmoke;
	}
.footer{
	margin: 0;
	width:100%;
	height: 89px;
	background-color:#1d7550;
	color:white;
	
	}
.footer p
{
	text-align:center;
	width:100%;
	position:relative;
	display:inline;
}
.fullwidth hr{
text-align:left;
margin-left:0;
}
ul.farmlist{
	padding-top:0;
}

ul.farmlist li{
	margin:9px;
}

.center{
	text-align:center;
}
.email
{
	display: inline-block;
	width:30%;
	margin:15px;
	vertical-align:top;
}
.phone
{
	display: inline-block;
	width:30%;
	margin:15px;
	vertical-align:top;
}
.fax
{
	display: inline-block;
	width:30%;
	margin:15px;
	vertical-align:top;
}

.letter
{
	margin-left:10px;
	font-size:1.2em;
}
.letter::first-letter
{
	margin-left:10px;
}
a
{
	color:rgba(255,255,255,0.98);
}
a:hover{
	text-shadow: 1px 1px 1px;
}
.footer a:hover
{
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}