/* 

  Décoration Desktop
  
*/

/* #region */

.decoration .fg1 {
    position: absolute;
    width: 52rem;
    height: 45rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg1.svg);
    background-size: contain;
    top: calc(50% - 23rem);
    right: calc(50% + 10rem);
  }
  
  .decoration .fg2 {
    position: absolute;
    width: 100%;
    height: 66rem;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg2.svg);
    background-size: contain;
    background-position: left 3rem bottom;
  }
  
  .decoration .fg3 {
    position: absolute;
    width: 32rem;
    height: 39rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg3.svg);
    background-size: contain;
    top: calc(50% - 10rem);
    /* left: 10rem; */
  }
  
  .decoration .fg4 {
    position: absolute;
    width: 62rem;
    height: 49rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg4.svg);
    background-size: contain;
    top: calc(50% - 10rem);
    left: 0rem;
  }
  
  .decoration .fg5 {
    position: absolute;
    width: calc(100% - 20rem);
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg5.svg);
    background-size: contain;
    background-position: center;
    left: 10rem;
  }
  
  .decoration .fg7 {
    position: absolute;
    width: calc(100% - 24rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg7.svg);
    background-size: contain;
    background-position: center center;
    left: 10rem;
    top: 15rem;
  }
  
  .decoration .fg8 {
    position: absolute;
    width: calc(100% - 20rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg8.svg);
    background-size: contain;
    background-position: center;
    left: 10rem;
    top: 10rem;
    width: 100%;
    height: 100%;
    left: 0;
  }
  
  .decoration .fg9 {
    position: absolute;
    width: 62rem;
    height: 49rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg9.svg);
    background-size: contain;
    top: calc(50% - 10rem);
    left: 0rem;
  }
  
  .decoration .fg10 {
    position: absolute;
    width: 37rem;
    height: 54rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg10.svg);
    background-size: contain;
    top: calc(50% - 25rem);
    left: 10rem;
  }
  
  .decoration .fg11 {
    position: absolute;
    width: calc(100% - 20rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg11.svg);
    background-size: contain;
    background-position: center bottom 20%;
    left: 6rem;
    top: 14rem;
  }
  
  .decoration .fg13 {
    position: absolute;
    width: calc(100% - 20rem);
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg13.svg);
    background-size: contain;
    background-position: center;
    left: 10rem;
  }
  
  .decoration .fg17 {
    position: absolute;
    width: calc(100% - 20rem);
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg17.svg);
    background-size: contain;
    background-position: center;
    left: 10rem;
  }
  
  .decoration .fg18 {
    position: absolute;
    width: 62rem;
    height: 49rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg18.svg);
    background-size: contain;
    top: calc(50% - 10rem);
    left: 0rem;
  }
  
  .decoration .fg20 {
    position: absolute;
    width: calc(100% - 20rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg20.svg);
    background-size: contain;
    background-position: center bottom 20%;
    left: 6rem;
    top: 13rem;
  }
  
  .decoration .fg36 {
    position: absolute;
    width: calc(100% - 20rem);
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg36.svg);
    background-size: contain;
    background-position: center bottom 20%;
    left: 10rem;
  }
  
  .decoration .fg39 {
    position: absolute;
    width: 62rem;
    height: 49rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg39.svg);
    background-size: contain;
    top: calc(50% - 10rem);
    left: 0rem;
  }
  
  .decoration .fg40 {
    position: absolute;
    width: 37rem;
    height: 54rem;
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg40.svg);
    background-size: contain;
    top: calc(50% - 25rem);
    left: 5rem;
  }
  
  .decoration .fg41 {
    position: absolute;
    width: calc(100% - 26rem);
    height: calc(100% - 26rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg41.svg);
    background-size: contain;
    background-position: center;
    left: 10rem;
    top: 26rem;
  }
  
  .decoration .fg50 {
    position: absolute;
    width: calc(100% - 30rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg50.svg);
    background-size: contain;
    background-position: center bottom 20%;
    left: 15rem;
    top: 15rem;
  }
  
  .decoration .fg53 {
    position: absolute;
    width: calc(100% - 40rem);
    height: calc(100% - 20rem);
    background-repeat: no-repeat;
    background-image: url(../img/part1/fg53.svg);
    background-size: contain;
    background-position: center bottom 20%;
    left: 20rem;
    top: 10rem;
    width: 100%;
    height: 100%;
    left:  0;
    /* top: auto; */
    bottom: 0;
  }

/* Decoration Mobile */
@media only screen and (max-width: 768px) {
    .decoration.desktop {
      display: none;
    }
    .decoration.mobile {
      display: block;
    }
    .decoration .fg {
      display: none;
      pointer-events: none;
    }
  
    .decoration .fg.m-fg5 {
      display: block;
      position: fixed;
      top: 5rem;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url(../img/part1/m_fg3.svg);
      background-size: contain;
      background-position: bottom center;
    }
    .decoration .fg.m-fg7 {
      display: block;
      position: fixed;
      top: auto;
      right: 0;
      bottom: 0;
      left: -5rem;
      width: calc(37.4rem / 2);
      height: calc(41.2rem / 2);
      background-repeat: no-repeat;
      background-image: url(../img/part1/m_fg4.svg);
      background-size: contain;
      background-position: bottom left;
    }
  }

/* #endregion */

/* Specific */
.part .page.further-dl .interactives button span {
  width: 90%;
}

/* Decoration Mobile */
@media only screen and (max-width: 768px) {
  #page1 .content {
    width: 100%;
  }
  #page1 .content h2 {
    font-size: 4.5rem;
  }
  #page11 .content {
    font-size: 3rem;
  }
}