#content
{
	background: #eaeaea;
	padding: 50px;
}
.accordion-container {
		position: relative;
		width: 100%;
		border-top: none;
		outline: 0;
		cursor: pointer
}

.accordion-container .article-title {
		display: block;
		position: relative;
		margin: 0;
		padding: 0.625em 0.625em 0.625em 2em;
		color: #666666;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    font-size: 16px;
	background: #fff !important;
    border-radius: 8px !important;
	font-family: 'DM Sans', sans-serif;
    font-weight: 600;
}
.content-entry
{
	margin-bottom:10px;
}
.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
		color: #666666;
}

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

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

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

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

.accordion-content {
    display: none;
    padding: 20px;
    padding-top: 1px;
    margin-top: -4px;
    width: 100.6%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /* margin-left: 40px; */
    background: #fff;
	color: #666666;
	font-size:16px;
	font-family: 'DM Sans', sans-serif; 
}
.accordion-content p{
	font-size:16px;
	font-family: 'DM Sans', sans-serif;	
	    padding-left: 5px;
}
/* This stuff is just for the Codepen demo */

#content {
		width: 100%;
}

.accordion-container,
#description {
		width: 90%;
		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;
		}
}