@charset "UTF-8";
/* CSS Document */

.center {
	text-align: center;
}


img, embed, object, video {
	
	max-width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: contain;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}.


textBox {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
p {
	color: rgba(0,0,0,1.00);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

.imgBorder {
	border: 1px solid #000;
}



.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid rgba(109,146,79,1.00);
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

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

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.textBox {
	max-width: 800px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
}

.flex-container-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

.flex-container-details > div {
  padding: 5px;
  text-align: center;
}ul  {
	font-size: 1.2em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}