div.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
	color: #666666;
	font-size: 13px;
}

div.panel.show {
	opacity: 1;
	max-height: 1800px;


}
div.panel.show ul{
	list-style-type:disc;
	padding:0 18px;
}

div.panel.show li{
    margin-bottom: 3px;
}

div.panel.show li:last-child{
    margin-bottom: 12px;
}

button.accordion, {
	background-color: #F7F7F9;
	color: #333333;
	cursor: pointer;
	padding: 18px;
	margin:5px 0px;
	padding-left: 3%;
	width: 97%;
	border: none;
	text-align: left;
	outline: none;
	font-family: verdana;
	transition: 0.4s;
	border-radius: 10px;
}
button.accordion strong{
	max-width:90%;
	display:inline-block;
	}


button.accordion.comCruz.active, button.accordion:hover {
	background-color: #ddd;
}



button.accordion.comCruz:after{
	content: '\02795';
	color: #777;
	float: right;
	margin-left: 5px;
}
button.accordion.comCruz.active:after {
	content: "\2796";
}

 @media only screen and (min-width: 318px) {
	 button.accordion {
	background-color: #F7F7F9;
	color: #333333;
	cursor: pointer;
	padding: 12px;
	padding-left: 3%;
	width: 97%;
	border: none;
	text-align: left;
	outline: none;
	font-family: verdana;
	transition: 0.4s;
	border-radius: 10px;
}

 }

 @media only screen and (min-width: 769px) {	 
 button.accordion {
	background-color: #F7F7F9;
	color: #333333;
	cursor: pointer;
	padding: 12px;
	padding-left: 3%;
	width: 97%;
	border: none;
	text-align: left;
	outline: none;
	font-family: verdana;
	transition: 0.4s;
	border-radius: 10px;
}


 }