.staging-mode {
  display: none;
}
#scrolly {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  margin-bottom: 100px;
  padding: 0 10px;
}
#scrolly > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
article {
  position: relative;
  max-width: 500px;
  z-index: -10;
}
figure {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
figure img {
  max-width: 100%;
}
.step {
  margin: 0 auto 2rem auto;
  color: #000;
}
.steplast-child {
  margin-bottom: 0;
}
.step.is-active {
  background-color: #daa520;
  color: #3b3b3b;
}
.step p {
  font-size: 1em;
  text-align: left;
  font-family: 'FolhaGrafico', Arial, sans-serif;
}
.step p .bold {
  font-weight: 900;
}
.step p .red {
  color: #e95071;
}
.step p .gray {
  color: #afaeae;
}
.step p .blue {
  color: #2f64a9;
}
.step p .pink {
  color: #be6fac;
}
.step p .green {
  color: #659f7f;
}
.paragraph {
  max-width: 1320px;
  min-width: 260px;
  padding: 0 10px;
  margin: 0 auto 100px;
  font-family: 'FolhaTexto', Georgia, serif;
  font-size: 1em;
  line-height: 1.5;
}
p {
  margin-bottom: 20px;
  max-width: 630px;
}
@media (min-width: 1320px) {
  #scrolly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.step p {
  font-size: 1.2em;
}
.paragraph p {
  font-size: 1.2em;
}