button.accordion {
	background-color: #36a9e1;
	color: #ffffff;
	cursor: pointer;
	padding: 18px;
	width: 80%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 1% 0 0 10%;
	font-size: 23pt;
}

button.accordion1 {
	background-color: #36a9e1;
	color: white;
	cursor: pointer;
	padding: 18px;
	width: 80%;
	text-align: center;
	border: none;
	outline: none;
	transition: 0.4s;
	margin: 1% 0 0 10%;
}

button.accordion.active,
button.accordion:hover {
	background-color: #36a9e1;
}

div.panel {
	padding: 0 18px;
	background-color: white;
	display: none;
	margin: 0 10% 0 10%;
}

div.panel.show {
	display: block;
}

button.accordion:after {
	content: "+";
font-size: 30pt;

	color: #ffffff;
	float: right;
	margin: 0 15% 0 15%;
}

button.accordion.active:after {
	content: "x";
	color:white;
	margin: 0 15% 0 15%;
}

@media all and (max-width: 800px) {
	button.accordion {
		width: 100%;
		margin: 1% 0 0 0;
	}
	button.accordion1 {
		width: 100%;
		margin: 1% 0 0 0;
	}
	div.panel {
		margin: 0%;
	}
	.headerContent {
		width: 100%
	}
}