#accordion-container {
}

.accordion-header {
	background: #D3C5AF;
	background-repeat: no-repeat;
	background-position: 9px center;
	cursor: pointer;
	color: #236F23;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 5px;
	padding: 5px 5px 5px 25px;
	text-transform: uppercase;
	/* css3 */
	-webkit-transition: background 0.25s, color 0.25s;
	-moz-transition: background 0.25s, color 0.25s;
	-ms-transition: background 0.25s, color 0.25s;
	transition: background 0.25s, color 0.25s;
}

.accordion-header a, .accordion-header a:hover {
	color: #236F23;
}

.active-header {
	background-color: #236F23;
	background-image: url("../images/accordion-arrow-active.png");
	color: #FFF;
}

	.active-header a, .active-header a:hover {
		color: #FFF;
	}

.active-header:hover {
	background-color: #236F23;
	background-image: url("../images/accordion-arrow-active.png");
}

.inactive-header {
	background-color: #D3C5AF;
	background-image: url("../images/accordion-arrow.png");
}

.inactive-header:hover {
	background-color: #D3C5AF;
	background-image: url("../images/accordion-arrow.png");
}

.accordion-content {
	display: none;
	padding: 5px;
}

	.accordion-content h3 {
		margin: 0;
	}
	
	@media screen and (max-width: 960px) {
		.accordion-content h3 {
			margin: 0 0 5px;
		}
	}
	
	@media screen and (max-width: 768px) {
		.accordion-content h3 {
			font-size: 14px;
		}
	}

	@media screen and (max-width: 480px) {
		.accordion-content h3 {
			font-size: 17px;
			margin: 0 0 7px;
		}
	}

	.accordion-content p {
		font-size: 13px;
		line-height: 14px;
		margin: 0 0 10px;
	}

	@media screen and (max-width: 960px) {
		.accordion-content p {
			display: none;
		}
	}

	@media screen and (max-width: 480px) {
		.accordion-content p {
			display: block;
		}
	}