.accordion {
 	width: 100%;
 	max-width: 1000px;
 	margin: 0 auto 6em; 
	padding: 1em 5em;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
	background-color:#f1f1f1;
	font-size: 1.2em;	
 }

.accordion .link {
	width:100%;
	margin: 0 auto;
	cursor: pointer;
	display: block;
	padding:1em 3em;
	color: #fff;  	
	border-bottom: 1px solid #CCC;   
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color:#788612;
}

.accordion .link:hover {	
	color: #fff;
    background-color:#5c670f;
}

.accordion li:last-child .link {
	border-bottom: 1px dashed #CCC;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 1em;
	color: #333;   
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	left: 12px;
	right: auto;
	font-size: 16px;
	color: #fff;
}

.accordion li.open .link {
	color: #fff;
}

.accordion li.open i {
	color: #fff;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
	width:100%;
	margin: 0 auto;
 	display: none;
 	background: #fff;
 	font-size: 1.2em;
    line-height:2em;
	padding: 1em;
  
 }

 .submenu li {
 	border-bottom: 1px dashed #5d613e;
    
 }

 .submenu a {
 	display: block;
 	text-decoration: underline !important;
 	color: #333;
 	padding: 1em;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }


@media all and (max-width:768px)
{
	.accordion .link {
	width:550px;
	margin-left: -5.5em ;	
}

	.submenu {
	width:550px;
	margin-left: -88px;
 	
  
 }

}

@media all and (max-width:720px)
{
	.accordion .link {
	width:550px;
	margin-left: -5em ;	
}

	.submenu {
	width:550px;
	margin-left: -4.2em;
 	
  
 }
	@media all and (max-width:640px)
{
	.accordion .link {
	width:500px;
	margin-left: -5em ;	
}

	.submenu {
	width:500px;
	margin-left: -4.2em;
	word-wrap: break-word;
 }

}
	@media all and (max-width:480px)
{
	.accordion .link {
	width:420px;
	margin-left: -8em ;	
}

	.submenu {
	width:420px;
	margin-left: -6em;
	word-wrap: break-word;
 }

}
	@media all and (max-width:360px)
{	
	.accordion .link {
	width:320px;
	margin-left: -7em ;		
}

	.submenu {
	width:280px;
	margin-left: -5.5em;
	word-wrap: break-word;
 	
  
 }
	@media all and (max-width:320px)
{	
	.accordion .link {
	width:250px;
	margin-left: -7em ;		
}

	.submenu {
	width:250px;
	margin-left: -6em;
	word-wrap: break-word;
 	
  
 }

}
/* .submenu a:hover {
 	background: #e9ebcb;
 	color: #FFF;
 }*/