body {
  background-color: #87ACD8;
  margin: 0;
  padding: 0;
}

.ad{
	display: block;
}
.banner{
	width: 100%;
	position: sticky;
	top: 0px;
	display: block;
	min-height: 50px;
	z-index: 100;
    background-color: #87ACD8;
	align-content: center;
	text-align: center;
	box-shadow: 0px 2px 12px 0px black;
}

#accordion {
	text-align: center;
	align-content: center;
	align-items: center;
/*  width: 60%;
  margin: 150px auto;
  height: 50%;
	*/
}

#accordion ul {
  text-align: center;
  margin: 0;
  padding: 0px;
  background-color: #87ACD8;
	border: medium;
	border: #000000;
}

#accordion ul li {
	margin: 5px;
	align-self: center;
	width: 93%;
	box-shadow: -4px 3px 5px 0px black;
  list-style-type: none;
  cursor: pointer;
  font-family: "roboto", sans-serif;
  padding: 0.4em;
  font-size: 1.4em;
  color: white;
  /* letter-spacing: 0.2em;  */
  transition: 0.3s ease all;
  text-shadow: 1px 1px 2px black;
	
	border-bottom: thick;
	border-bottom: #000000;
}
/*
#accordion ul li:nth-of-type(1) { background-color: #3498db; }

#accordion ul li:nth-of-type(2) { background-color: #2c3e50; }

#accordion ul li:nth-of-type(3) { background-color: #e74c3c; }

#accordion ul li:nth-of-type(4) { background-color: #1abc9c; }
*/
#accordion ul li:hover { color: #ccc; }

#accordion ul a {
	color: #333;
	display: block;
	width: 100%;
	font-weight: bold;
}

.panel {
  display: none;
  padding: 25px;
  border: 3px #bfbfbf solid;
  margin: 10px;
  font-family: "roboto", sans-serif;
  padding: 0.4em;
  font-size: 1.4em;
  /* letter-spacing: 0.2em;  */
  background-color: white;
  color: #333;
}
 @media (max-width: 800px) {

#accordion {
  width: 100vw;
  height: 100vh;
  margin: 0;
}
}

.center {
	align-content: center;
	align-items: center;
	align-self: center;
	text-align: center;
}
/* .panelad{
	height: 250px;
}
*/

/*# sourceMappingURL=styles.css.map */