.help-content
{
	width			: 60%;
	margin			: 0px auto;
	padding-top		: 100px;
}

.help-content h1
{
	font-family		: "Roboto", sans-serif;
	font-size		: 1.2em;
	font-weight		: 500;
	color			: #444;
	line-height		: 40px;
	background-size		: contain;
	background-position	: left center;
	background-repeat	: no-repeat;
	padding				: 10px;
}
.help-content p
{
	font-family		: "Roboto", sans-serif;
	font-size		: .9em;
	font-weight		: 300;
	color			: #444;
	padding			: 10px;
	margin			: 0;
	line-height		: 1.4em;
}

.accord-btn
{
	color			: #444;
	cursor			: pointer;
	margin			: 0;
	margin-top		: 50px;
	padding			: 20px;
	padding-bottom	: 0;
	outline			: none;
	font-family		: "Roboto", sans-serif;
	font-size		: .9em;
	font-weight		: 500;
	transition		: 0.4s;
	color			: rgb(129, 27, 61);
	border					: 1px solid #ccc;
	border-top-left-radius	: 10px;
	border-top-right-radius	: 10px;
	border-bottom			: none;
	width			: calc(100% - 41px);
}

.accord-txt
{
	padding			: 20px;
	padding-bottom	: 30px;
	margin			: 0;
	max-height		: 10px;
	overflow		: hidden;
	transition		: max-height 0.3s ease-out;
	font-family		: "Roboto", sans-serif;
	font-size		: .8em;
	color			: #444;
	line-height		: 1.7em;
	margin-bottom	: 50px;
	position		: relative;
	border						: 1px solid #ccc;
	border-bottom-left-radius	: 10px;
	border-bottom-right-radius	: 10px;
	border-top					: none;
}
.accord-fade
{
	position		: absolute;
	display			: block;
	height			: 50px;
	width			: 100%;
	bottom			: 0;
	left			: 0;
	background		: linear-gradient(to top, rgba(255,255,255, .8) 0%, rgba(255,255,255, 0));
	z-index			: 100;
	border-bottom-left-radius	: 10px;
	border-bottom-right-radius	: 10px;
}



@media (max-width:540px)
{
	.help-content
	{
		width			: 90%;
		margin			: 0px auto;
		padding-top		: 40px;
	}
	.accord-fade
	{
		z-index			: 10;
	}

}