ul.accordeon {
  display: flex;
  min-height: 320px;
  max-height: 320px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
li.accordeon {
  flex: 1;
  display: flex;
  align-items: stretch;
  padding: 14px;
  background: #B33C32;
  cursor: pointer;
  transition: all .5s ease;
  min-width:110px;
}
li.active {
  flex: 5;
  background: #fff;
  cursor: default;
}
li.active h2 {
  color: #B33C32;
  text-align:left;
}
li.active .section-content {
  flex: 4;
  opacity: 1;
  transform: scaleX(1);
  font-size:11px;
}
li .section-title {
  display: inline-block;
  width: 33%;
  margin: 0;
  padding: 0;
  text-align: left;
  color: white;
}
li .section-title h2 {
  margin: 0;
  white-space: nowrap;
}
li .section-content {
  flex: 1;
  display: flex;
  align-items: top;
  margin: 0;
  margin-top:25px;
  padding: 0;
  opacity: 0;
  transition: all .25s .1s ease-out;
}

.imgaccordeon {
  max-width: 80px;
}