#accordion2 span {
  line-height: 38px; }

@media all and (min-width: 768px) {
  .accordion2 {
    display: none; } }
.accordion {
  cursor: pointer;
  width: 100%;
  display: flex; }
  .accordion span {
    display: block;
    border: 1px solid #ccc; }
    @media all and (min-width: 768px) {
      .accordion span {
        line-height: 38px; } }
  .accordion .plus,
  .accordion .minus {
    background-color: #00cccc;
    color: white;
    width: 38px;
    font-size: 30px;
    font-weight: bold;
    text-align: center; }
  .accordion .minus {
    display: none; }
  .accordion .text {
    width: 100%;
    background-color: #f4f4f4;
    border: .5px solid #00cccc;
    color: black;
    padding: 0 15px; }
  .accordion.active .plus {
    display: none; }
  .accordion.active .minus {
    display: block; }

.panel {
  margin-bottom: 0;
  margin-top: 0;
  border: .5px solid #00cccc;
  color: black;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }
  .panel .text-content {
    margin: 2% 4% 2% 4%; }

/*# sourceMappingURL=text-accordion.css.map */