.breakdown {
  padding: 0 calc(1rem + 4vw);
}
@media (min-width: 1201px) {
  .breakdown {
    padding: 0 calc(1rem + 4vw);
    display: flex;
    gap: 4em;
    max-width: 1500px;
    margin: calc(4rem + 2vw) auto 0;
    align-items: center;
  }
}
.breakdown picture {
  display: block;
}
.breakdown picture img {
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .breakdown picture {
    margin-bottom: calc(4rem + 2vw);
  }
}
.breakdown ul {
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 421px) {
  .breakdown ul {
    margin: 0 auto;
  }
}
@media (min-width: 641px) {
  .breakdown ul {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 4vw;
         column-gap: 4vw;
  }
}
@media (min-width: 1201px) {
  .breakdown ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.breakdown li {
  width: -moz-max-content;
  width: max-content;
  counter-increment: step-counter;
}
.breakdown li:before {
  content: counter(step-counter) ".";
  display: inline-block;
  margin-right: 0.8em;
  text-align: right;
  width: 1em;
}