body {
	background-color: white;
} 

p {
	font-family:"Arial", Helvetica, sans-serif;
}

div.faqcontainer {
	position: relative;
	top:90px;
	min-width: 260px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:140px;
}

div#mainfaq {
	position: relative;
	height: auto;
	width: auto;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCC;
	padding: 20px;
	margin-bottom: 100px;

	background: linear-gradient( to bottom, rgba(245, 245, 245, 1) 0%, /* very light gray */
	rgba(250, 250, 250, 1) 40%, /* even lighter */
	rgba(255, 255, 255, 1) 100% /* pure white */
	);
	color: var(--text-dark);
	border-radius: 5px;
}

div.faqbanner {
	position: relative;
	top: 80px;
	height: 100px;
	width: 100%;
	text-align: center;
}

p.faqheader {
	font-size:32pt;
	color:#808080;
}

.faq-section {

	padding: 3rem 2rem;
	max-width: 800px;
	margin: 0 auto;
}

	.faq-section h2 {
		text-align: center;
		margin-bottom: 2rem;
		color: #808080;
	}

.faq-item {
	margin-bottom: 1.5rem;
}

	.faq-item h3 {
		margin-bottom: 0.5rem;
		color: #4338ca;
	}


@media (max-width: 720px) {
	
	div#mainfaq {
		position:relative;
		height:auto;
		width:auto;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #CCC;
		border-radius:2px;
		background-color:white;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
	}
}

@media (max-width: 490px) {	
	div#faqinfo1 {
		position:relative;
		top:20px;
		left:0;
		padding:20px;
		clear:left;
	}
	
	div#faq {
		position:relative;
		margin-top:100px;
		bottom:0;
		left: 0;
		right: 0;
	}
}