html { 
  background: url(Leaves.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
	font-family:Helvetica, sans-serif, bold;
	font-size:35px;
	color:#ffffff;
	text-align:left;
	clear:both;
}

h1{
	color:#ffffff;
	font-family:helvetica, sans-serif;
	font-weight:normal;
	font-size:50px;
	text-align:center;
	clear:both;
}

h2{
	color:#ffffff;
	font-family:helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
	text-align:center;
  padding-top: 50px;
	clear:both;
}

h3{
  color:#ffffff;
	font-family:helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-align:center;
  padding-top: 50px;
	clear:both;
}


p{
	font-size:22px;
	text-align:center;
}
  
.continue{
	background-color:#fffffff;
	display:block;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	color:#fffffff;
}

a.continue{
	color:#fffffff;
	text-decoration:none;
}

a.continue:hover{
	text-decoration:underline;
	color:#fffffff;
}

ul{
margin:0 auto;
	list-style-type:none;
	width:800px;
}

ul li{
	float:left;
	border: 2px solid #204006;
	background-color:#fff;
}

ul li a, ul li a:visited{
	color:#204006;
	padding:20px 40px;
	display:block;
	text-decoration:none;
}


ul li a:hover{
	background-color:#fff;
	color:#29372a;
}

img {
width:600px;
margin:48px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


#content{
	border:1px solid #000;
}

.imagebox{
	clear:both;
	height:240px;
	text-align:center; 
	margin-bottom:260px;
	margin-top:-320px
}

.imagebox img{
	width:25%;
  text-align:center;
}

.imagebox p{
	text-align:center;
	font-size:20px;
	margin-top:-30px;
}

.imagebox2{
	clear:both;
	height:240px;
	text-align:center;
	margin-bottom:260px;
}

.imagebox2 img{
	width:25%;
	text-align:center;	
}

.imagebox2 p{
	text-align:center;
	font-size:20px;
	margin-top:-30px;
}

.imagebox3{
	clear:both;
	height:240px;
	text-align:center;
	margin-bottom:180px;
}

.imagebox3 img{
	width:25%;
	text-align:center;
}

.imagebox3 p{
	font-size:20px;
	text-align:center;
	margin-top:-30px;
}



html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.slider {
  margin: 0 auto;
  max-width: 940px;
  text-align:center;
  clear:both;
}

.slide_viewer {
  height: 340px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background: Transparent;
}

.slide:nth-of-type(2) {
  background: Transparent;
}

.slide:nth-of-type(3) {
  background: Transparent;
}

.slide:nth-of-type(4) {
  background: Transparent;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  height: 340px;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -340px;
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 0;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 0;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
  
}