/* Block infographic */
section.block.infographic {
  display: flex;
  flex-flow: column nowrap;
  padding: var(--spacing-y) var(--spacing-x);
  margin-bottom: var(--spacing-y);
  background-color: var(--color-coral);
  border-radius: 1em;
  overflow: hidden;
}
section.block.infographic header {
  margin-bottom: var(--spacing-y);
  z-index: 99;
}
section.block.infographic header h1 {
  padding-bottom: 2rem;
}
section.block.infographic header h2 {
  font-size: var(--font-size-biggish);
  padding-bottom: 2rem;
}
section.block.infographic header .buttons {
  background-color: var(--color-white);
}
section.block.infographic figure {
  overflow: hidden;
  z-index: 9;
  width: 130%;
  margin-bottom: -200%;
  transform: rotate(18deg) translate(-30%, -5%);
}
section.block.infographic figure img {
  width: 100%;
}
main section.block.infographic {
  margin-top: var(--spacing-y);
}
@media only screen and (min-width: 1201px) {
  section.block.infographic {
    flex-flow: row nowrap;
    margin-bottom: var(--spacing-x);
    padding: var(--spacing-x);
  }
  section.block.infographic header {
    margin-bottom: 0;
  }
  section.block.infographic header h1 {
    font-size: var(--font-size-biggest);
  }
  section.block.infographic figure {
    width: 200%;
    margin-bottom: -400%;
    transform: rotate(18deg) translate(-70%, 1%);
  }
  section.block.infographic figure img {
    width: 100%;
  }
}
@media only screen and (min-width:600px) and (max-width:1200px) {
  section.block.infographic {
    flex-flow: row nowrap;
  }
  section.block.infographic figure {
    width: 130%;
    margin-bottom: -200%;
    transform: rotate(18deg) translate(-30%, 5%);
  }
}
aside.slide {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-black);
  overflow-x: hidden;
  overflow-y: scroll;
  transform: translateX(100vw);
  width: auto;
}
aside.slide figure {
  width: 100%;
}
aside.slide figure img {
  width: inherit;
}
aside.slide div.buttons {
  position: fixed;
  right: 0;
  top: 0;
  overflow: hidden;
  background-color: white;
}
aside.slide.started {
  transition: transform 0.5s ease;
}
aside.slide.opened {
  transform: translateX(0vw);
}
@media only screen and (min-width: 1201px) {
  aside.slide {
    left: auto;
    max-width: var(--main-width-pad);
  }
}
/*# sourceMappingURL=block-mw-infographic.css.map */