main {
	max-width: 1200px;
	margin: 0 auto;
  height: auto;
}


header {
  border-bottom: thin black solid; 
  height: auto;
	padding: 10px;	
}

h1 {
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-style: normal;
}

h2, p {
  font-family: "IBM Plex Serif", serif;
  font-weight: 300;
  font-style: normal;
}


footer {
	padding: 1em;
	text-align: center;
  clear: both;
}

.content {
	width:60%; 
	height: auto; 
	float: left;
	margin: 1%;
}

aside {
width: 35%;
height: auto;
float: left;	
margin: 1%;
}

@media screen and (max-width: 800px) {
    aside {width: 95%; text-align: center;}
    .content {width: 95%; text-align: center; }
    .accordion {width: 90%; }  
    .active:after {content: "\2212";}
    a:hover {color:red} 
}

/*CSS for Accordion Content*/

.accordion {
  background-color: #0D4B34;
  color: rgb(255, 250, 250);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 1em;
  font-family: "IBM Plex Serif", serif;
  font-weight: 400;
  font-style: normal;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #209765;
}

.accordion:after {
	content: '\002B';
	font-size: 18px;
	color: white;
	float: right;

}

.active:after {
content: "\2212";

}

a:hover {
  color:red
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  height: 100px;
  overflow: scroll;
}

  /* Shared outer width for both embeds (optional but tidy) */
  .embed-wide { max-width: 900px; margin: 0 auto; }

  /* Your existing responsive map wrapper */
  .embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
  }

  /* Make the FB iframe fill the container width */
  .fb-wrap iframe {
    width: 100% !important;           /* stretch to match map width */
    max-width: 100%;
    border: none; overflow: hidden;
  }