/***
# DESIGNED & DEVELOPED by
Raphael Ble -- Web Designer - Front End Developer -- www.shakeup-dathings.com
***/
#article-section .p-wrapper .title-background {
  position: absolute;
  width: 100.5vw;
  left: -20.5vw;
  right: 0;
  height: auto;
  margin-top: -12%;
  z-index: 0; }
  @media only screen and (max-width: 1280px) {
    #article-section .p-wrapper .title-background {
      left: -17.7vw; } }
  @media only screen and (max-width: 1024px) {
    #article-section .p-wrapper .title-background {
      left: -15.1vw; } }
  @media only screen and (max-width: 768px) {
    #article-section .p-wrapper .title-background {
      left: -12.4vw; } }
#article-section .wrapper-full-width .infographic {
  text-align: center; }
  #article-section .wrapper-full-width .infographic picture {
    display: block; }
  #article-section .wrapper-full-width .infographic img {
    width: 100%; }
    @media only screen and (max-width: 1280px) {
      #article-section .wrapper-full-width .infographic img {
        width: 105%;
        margin-left: -2.5%; } }
    @media only screen and (max-width: 1024px) {
      #article-section .wrapper-full-width .infographic img {
        width: 120%;
        margin-left: -9.5%; } }
    @media only screen and (max-width: 768px) {
      #article-section .wrapper-full-width .infographic img {
        width: 130%;
        margin-left: -15%; } }
    @media only screen and (max-width: 620px) {
      #article-section .wrapper-full-width .infographic img {
        width: 140%;
        margin-left: -20%; } }
  #article-section .wrapper-full-width .infographic .infographic-mobile {
    display: none; }
    @media only screen and (max-width: 768px) {
      #article-section .wrapper-full-width .infographic .infographic-mobile {
        display: block; } }
#article-section .wrapper-full-width .infographic-1 {
  background-image: url("../img/article-page-content/article-9/infographic-1-front-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-middle-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-back-v1-2.png"), url("../img/article-page-content/article-9/infographic-1-back-static-v1-2.png");
  background-repeat: no-repeat;
  background-size: 100.5%;
  background-position: 50% 50%;
  display: block;
  width: 100%;
  height: 62vw;
  margin: 2.5em auto 0 auto; }
  #article-section .wrapper-full-width .infographic-1 picture {
    display: none; }
  @media only screen and (max-width: 1024px) {
    #article-section .wrapper-full-width .infographic-1 {
      background-image: none;
      height: auto; }
      #article-section .wrapper-full-width .infographic-1 picture {
        display: block !important; } }
#article-section .wrapper-full-width .infographic-2 {
  background-image: url("../img/article-page-content/article-9/infographic-2-front-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-middle-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-back-v1-2.png"), url("../img/article-page-content/article-9/infographic-2-back-static-v1-2.png");
  background-repeat: no-repeat;
  background-size: 100.5%;
  background-position: 50% 50%;
  display: block;
  width: 100%;
  height: 65vw;
  margin: 2.5em auto 3.5em auto; }
  #article-section .wrapper-full-width .infographic-2 picture {
    display: none; }
  @media only screen and (max-width: 1024px) {
    #article-section .wrapper-full-width .infographic-2 {
      background-image: none;
      height: auto; }
      #article-section .wrapper-full-width .infographic-2 picture {
        display: block !important; } }