label {
  background: #EEE;
  border-radius: 3px;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.50em;
  margin-bottom: 10px;
  padding: 10px 20px;
  position: relative;
  transition: ease .5s;
}
label:hover {
  background: #333;
  color: #FFF;
}
label::before {
    content: '+ ';
}
.accordion_content {
  background: #FFF;
  padding: 10px 25px;
  border: 1px solid #EEE;
  margin-bottom: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.accordion > input + label + .accordion_content {
  display: none;
}

.accordion > input:checked + label + .accordion_content {
  display: block;
}

.accordion > input:checked + label::before {
  content: '- ';
}
.accordion > input {
  display: none;
}

.accordion {
  margin: 0 auto;
  padding: 30px 14px 30px 14px;
  width: 90%;
}