/** DISPLAY MOBILE **/

/** Sections **/

.global__main {
  font-family: Raleway, sans-serif;
  color: #023d24;
}

.global__title {
  display: none;
}

.global__part {
  position: relative;
}

.global__part1 {
  height: 136.09375vw;
 /* 871px / 640 */
  ; background: transparent url('../img/global-part1-m.png') no-repeat top left/cover;
}

.global__part2 {
  height: 157.65625vw;
 /*1009px / 640 */
  ; background: transparent url('../img/global-part2-m.png') no-repeat top left/cover;
  margin-top: -5.825vw;
 /* 36px / 640 */;
}

.global__part3 {
  height: 162.5vw;
 /* 1040px / 640 */
  ; background: transparent url('../img/global-part3-m.png') no-repeat top left/cover;
  margin-top: -12.075vw;
 /* 76px / 640 */;
}

.global__part1_logo {
  width: 166px;
  margin-top: -23px;
}

.global__part2_logo {
  width: 208px;
  margin: 5px 0 0 7.5px;
}

.global__part3_logo {
  width: 160px;
  margin-top: 107px;
}

.global__part {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.global__description {
  max-width: 90%;
  text-align: center;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.33;
}

.global__part1_description {
  color: #fff;
  margin: 27px 0;
}

.global__part2_description {
  margin: 16px 0 30px;
}

.global__part3_description {
  color: #fff;
  margin: 26.5px 0 30.5px;
}

.global__cta {
  text-transform: uppercase;
  font-size: 12.33px;
  font-weight: 600;
  color: #023d24;
  background-color: #fff;
  text-decoration: none;
  padding: 14.8px 23.5px 12.33px 29px;
  border-radius: 20px;
  letter-spacing: 2.5px;
}

.global__scrolldown {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  height: 17.03125vw /* 109px / 640px */;
  width: 16.875vw /* 108px / 640 */;
  background: transparent url('../img/scrolldown.png') no-repeat center/contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.global__scrolldown_arrow {
  height: 3.28125vw /* 21px / 640 */;
  width: 2.65625vw /* 17px / 640 */;
  background: transparent url('../img/scrolldown_arrow.png') no-repeat center/contain;
  display: inline-block;
}

.global__part_mentions {
  position: absolute;
  bottom: calc(20px + 17vw);
  font-size: 75%;
  font-style: italic;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
}

@media (min-width: 395px) {

  .global__part1_logo {
    width: 42.1875vw;
 /* 270px / 640 */
    margin-top: 5.78125vw;
 /* 37px / 640 */;
  }

  .global__part2_logo {
    width: 52.96875vw;
 /* 339px / 640 */
    margin: 1.25vw 1.875vw 0 0;
 /* 8px / 640 12px / 640 0 0 */;
  }

  .global__part3_logo {
    width: 40.78125vw;
 /* 261px / 640 */
    margin-top: 27.1875vw;
 /* 174 / 640 */;
  }

  .global__description {
    font-size: 4.0625vw;
 /* 26px / 640 */;
  }

  .global__part1_description {
    margin: 7.03125vw 0;
 /* 45px 0 */;
  }

  .global__part2_description {
    margin: 4.0625vw 0 7.65625vw;
 /* 26px 0 49px */;
  }

  .global__part3_description {
    margin: 6.71875vw 0 7.8125vw;
 /* 43px 0 50px */;
  }

  .global__cta {
    font-size: 3.125vw;
 /* 20px / 640 */
    padding: 3.75vw 5.9375vw 3.125vw 7.34375vw;
 /* 24px 38px 20px 47px */
    border-radius: 5.100464vw;
 /* 33px / 640 */
    letter-spacing: 0.625vw;
 /* 4px / 640 */;
  }

  .global__scrolldown {
    bottom: 16.15625vw /* 65px / 640 */;
    height: 17.03125vw /* 109px / 640px */;
    width: 16.875vw /* 108px / 640 */;
  }

  .global__scrolldown_arrow {
    height: 3.28125vw /* 21px / 640 */;
    width: 2.65625vw /* 17px / 640 */;
  }

  .global__part_mentions {
    bottom: 5.46875vw;
    font-size: 100%;
  }
}

@media (min-width: 481px) {
  .global__scrolldown {
    bottom: 14.15625vw;
  }
}

@media (min-width: 680px) {
  .global__scrolldown {
    bottom: 10.15625vw /* 65px / 640 */;
  }
}



/** Footer **/

footer {
  background-color: #fff;
  font-family: Raleway, sans-serif;
  padding: 45px 0 50px;
}

.footer__links {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  padding: 0 15.5px 16px;
}

.footer__link {
  text-decoration: none;
  color: #173c25;
  padding-bottom: 20px;
}

.footer__logos {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 50px;
}

.footer__logo_link {
  position: relative;
  padding: 0 21.5px 0 21px;
}

.footer__logo_link:first-of-type:after {
  content: '';
  position: absolute;
  right: -1px;
  top: 11px;
  bottom: 10px;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ccc;
  width: 0;
}

.footer__logo1 {
  width: 85px;
}

.footer__logo2 {
  width: 165px;
}

.footer__socials {
  display: flex;
  justify-content: center;
}

.footer__social {
  width: 45.6px;
  height: 43.8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin: 0 15px;
}

.footer__social_facebook {
  background-image: url('../img/footer-logo-facebook-m.png');
}

.footer__social_twitter {
  background-image: url('../img/footer-logo-twitter-m.png');
}

.footer__social_instagram {
  background-image: url('../img/footer-logo-instagram-m.png');
}

@media (min-width: 395px) {
  footer {
    padding: 11.40625vw 0 12.5vw;
 /* 73px / 640 0 80px / 640 */;
  }

  .footer__links {
    font-size: 3.75vw;
 /* 24px / 640 */
    ; padding: 0 3.90625vw 4.0625vw;
 /* 25px / 640  26px / 640 */;
  }

  .footer__link {
    padding-bottom: 5vw;
 /* 32px / 640 */;
  }

  .footer__logos {
    padding-bottom: 12.5vw;
 /* 80px / 640 */;
  }

  .footer__logo_link {
    padding: 0 5.46875vw 0 5.3125vw;
 /* 35px / 640 0 34px / 640 0;*/;
  }

  .footer__logo_link:first-of-type:after {
    top: 2.8125vw;
 /* 18 / 640 */
    bottom: 2.5vw;
 /* 16 / 640 */;
  }

  .footer__logo1 {
    width: 21.40625vw /* 137px / 640 */;
  }

  .footer__logo2 {
    width: 41.71875vw /* 267px / 640 */;
  }

  .footer__social {
    width: 11.5625vw;
 /* 74px / 640 */
    height: 11.09375vw;
 /* 71px / 640 */
    margin: 0 3.75vw;
 /* 0 24px / 640 */;
  }
}

/** DISPLAY DESKTOP **/

@media (min-width: 769px) {

  body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
  }

    /** Sections **/

  .global__main {
    height: 91.5740741vh;
    overflow: hidden;
    display: flex;
  }

  .global__part {
    height: 100%;
    margin: 0;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-bottom: 28.5185185vh;
    padding-bottom: calc(56vh - 300px);
  }

  .global__part br {
    display: none;
  }

  .global__part1 {
    width: 34.8958333vw /* 335 / 960 */;
    background: transparent url('../img/global-part1.png') no-repeat center left/cover;
  }

  .global__part2 {
    width: 36.5625vw /* 351 / 960 */;
    margin-left: -3.125vw /* -30 / 960 */;
    background: transparent url('../img/global-part2.png') no-repeat center left/cover;
  }

  .global__part3 {
    width: 35vw /* 336 / 960 */;
    margin-left: -3.33333vw /* -32 / 960 */;
    background: transparent url('../img/global-part3.png') no-repeat center left/cover;
  }

  .global__part1_logo {
    width: 204px;
    margin: 0;
  }

  .global__part2_logo {
    width: 217px;
    margin: 0;
  }

  .global__part3_logo {
    width: 185px;
    margin: 0;
  }

  .global__description {
    font-size: 19px;
    margin: 38px 0 33px;
    max-width: 54%;
  }

  .global__part2_description {
    max-width: 44%;
  }

  .global__cta {
    font-size: 14px;
    padding: 17px 37px 16px 32px;
    letter-spacing: 2.5px;
  }

  .global__scrolldown {
    display: none;
  }

  .global__part_mentions {
    bottom: 0;
  }

    /** Footer **/

  footer {
    height: 8.4259259vh;
    padding: 4px 0 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  .footer__links {
    font-size: 13px;
    text-align: left;
    padding: 0 0 0 10px;
    width: calc(50vw - 160px);
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
  }

  .footer__link {
    padding: 0;
  }

  .footer__logos {
    padding-bottom: 0;
    width: 342px;
  }

  .footer__logo_link:first-of-type {
    padding: 0 18.5px 0 10px;
  }

  .footer__logo_link:last-of-type {
    padding: 0 10px 0 6px;
    margin-top: -15px;
  }

  .footer__logo_link:first-of-type:after {
    top: 0;
    bottom: 7px;
  }

  .footer__logo1 {
    width: 88px;
  }

  .footer__logo2 {
    width: 209px;
  }

  .footer__socials {
    justify-content: flex-end;
    flex: 1;
    padding-right: 10px;
    width: calc(50vw - 172px);
    box-sizing: border-box;
  }

  .footer__social {
    width: 33px;
    height: 32px;
    margin: 0 12px;
  }

  .footer__social_facebook {
    background-image: url('../img/footer-logo-facebook.png');
  }

  .footer__social_twitter {
    background-image: url('../img/footer-logo-twitter.png');
  }

  .footer__social_instagram {
    background-image: url('../img/footer-logo-instagram.png');
  }
}

@media (min-width: 900px) {
  .footer__links {
    width: calc(50vw - 191px);
  }

  .footer__logos {
    padding-bottom: 0;
    width: 382px;
  }

  .footer__logo_link:first-of-type {
    padding: 0 38.5px 0 10px;
  }

  .footer__logo_link:last-of-type {
    padding: 0 10px 0 26px;
  }

  .footer__socials {
    width: calc(50vw - 191px);
  }
}

@media (min-width: 1520px) {
  .footer__links {
    display: block;
  }

  .footer__link {
    padding: 0 14px 0 0;
    position: relative;
  }

  .footer__link:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 2px;
    bottom: 4px;
    border-right: 1px solid #173c25;
    width: 0;
  }

  .footer__link:last-of-type:after {
    border-color: transparent;
  }
}

@media (min-width: 769px) and (max-aspect-ratio: 1920/1081) {

  .global__part1 {
    z-index: 1;
    background-position: right center;
    width: 61.922366vh;
  }

  .global__part2 {
    margin-left: -5.555555vh;
    background-position: center;
    width: 64.8798521vh;
    height: 100.5%;
  }

  .global__part3 {
    margin-left: -5.9259259vh;
    width: 62.1072089vh;
  }
}