.accordion-container {
		position: relative;
		width: 100%;
		/* border: 1px solid #bd9234;   */
		border-top: none;
		outline: 0;
		cursor: pointer
}

.accordion-container .article-title {
		display: block;
		position: relative;
		margin: 0;
		padding: 0.925em 0.525em 0.925em 0.525em;
		border-top: 0.1px solid #838586;
		font-size: 1.25em;
		font-weight: normal; 
		 color: #444444;  
		/* color: #fff; */
		cursor: pointer;
}
.accordion-container .article-title:last-child{
border-bottom: 1px solid #838586;
} 

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
		color: #bd9234;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
		color: #bd9234;
}

.accordion-container .content-entry i {
		position: absolute;
		top: 3px;
		right: 12px;
		font-style: normal;
		font-size: 1.625em;
		sans-serif;
		color: #bd9234;
}

.accordion-container .content-entry i:before {
		content: "+ ";
}

.accordion-container .content-entry.open i:before {
		content: "- ";
}

.accordion-content {
		display: none;
		padding-left: 1em;
}
.accordion-content p {color:#FFF;}
/* This stuff is just for the Codepen demo */

#content {
		width: 100%;
}

.accordion-container,
#description {
		width: 100%;
		margin: 1.875em auto;
}

#description p {
		line-height: 1.5;
}

#description h2 {
		text-align: center;
}

@media all and (min-width: 860px) {
		#content {
				width: 70%;
				margin: 0 auto;
		} 
}