.ac { max-width: 600px; margin: 1em auto; clear:both; float:left}
.acc {
	font-size: 1.3em;
	line-height: 1.1em;
	font-weight: 400;
	text-transform: uppercase;
  background:#82bb25;
   color:#fff;
  cursor: pointer;
  padding:.5em  1em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin:0 0 .2em
}

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

.grid .panel {
  padding: 0 1em;
    background:rgba(255,255,255,.5);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel ul { padding:1em 0}

.acc:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 1em;
  color:#fff;
  float: right;
  margin-left: 5px;
}
.acc:hover:after {color:#555;}

.active:after {
  content: "-"; /* Unicode character for "minus" sign (-) */
	color:#555;
	}
	
	strong.title { font-weight:400; text-transform:uppercase;  font-size:1.2em ; line-height:1.3em;}
	
.grid {   display: grid; float:left;  grid-column-gap: 2%;  grid-row-gap:1%;  grid-template-columns: 100% 100%; }
.grid div {  padding: 2em; }
.grid div  h2 {	font-size: 1.3em; line-height:1em; letter-spacing:0;}
/*.acc .choice {
   display: grid;
   grid-template-columns: 9fr 1fr;
   grid-template-areas: "name action"
                        "panel panel";
}

.acc label:nth-child(odd) { grid-area: name;}
.acc label:nth-child(even) { grid-area: action;}
.acc .panel { grid-area: panel; }
.acc input[name="ac"] { display:none }

.acc .panel { 
  margin: 0;
  height: 0;
  overflow:hidden;
  background-color:#fafafa;
  line-height: 1.5;
  padding: 0 2rem;
  box-sizing: border-box;
  transition: 0.5s;
}

.acc .panel p { margin-top:0 }

.acc input.open:checked~.panel { 
  height: auto;
  padding: 2rem;
  transition: 0.5s;
}

.acc label {
  cursor: pointer;
  background-color: rgba(130,187,37,1);
  border-bottom: 2px solid #fff;
  padding: 1em;
  width: 100%;
  font-weight: 400;
  font-size: 1.2em;
  box-sizing: border-box;
  z-index: 100;
  color:white;
}

.acc input.open:checked ~ label { background-color: rgba(130,187,37,.8); }
.acc label:nth-child(odd)::after  { 
   content: "+";
   color: white;
   float:right;
   font-size: 1.2em;
   margin-top:0;
}
.acc input.open:checked ~ label:nth-child(odd)::after { content: ""; }
.acc input.open:checked ~ label.close::after { content: "– "; font-size: 1.2em; }
*/


#content .acc .panel ul li::before {display: none;}
#content .acc input.open:checked~.panel ul li::before{ display:inline-block}

#content { position:relative}
.hdtext { position:absolute; width:90%; height:30vw; padding:15% 0 0; text-align:center;transform: translateX(-50%); -webkit-transform: translateX(-50%); left:50%; }
.hdtext a {
	color: #fff;
	width: auto;
	background: rgba(176,167,157,.7);
	padding: .3em .5em;
	display: inline-block;
	margin: 0 1em 1em;
	text-transform: uppercase;
font-weight: 700;
font-size:1.5em;
}
.hdtext h1 {
	color: #fff;
	width: auto;
	background: rgba(130,187,37,.7);
	padding: .3em .5em;
	display: inline-block;
	margin: 0 auto 1em;
	text-transform: uppercase;
	font-weight: 700;
}

@media screen and (max-width:1140px) {
	.hdtext {	position: relative;
	height: auto;float:left;
	padding: 0 0 5%; width:100%}
	.hdtext a {
	color: #fff;
	width: auto;
	background: rgba(176,167,157,1);
	padding: .3em .5em;
	display: inline-block;
	margin: 0 .5em 1em;
	text-transform: uppercase;
font-weight: 700;
font-size:1.2em;
}
.hdtext h1 {
	Color: #57585a;
	width: auto;
	background:none;
	padding:0;
	display: inline-block;
	margin: 0 auto 1em;
	text-transform: uppercase;
	font-weight: 300;

	text-align: center;


}
	
	
}
@media screen and (max-width:920px) {
	.grid {   grid-column-gap:0;  grid-row-gap:1%;  grid-template-columns: 100%; max-width:100%;  }
	.grid div {	padding:0 0;}
}
@media screen and (max-width:820px) {
		.hdtext a {	width:100%;	margin: 0 0 .5em ;}
}