:root {
  --is-black: #333132;
  --is-white: #f8f8f8;
  --is-yellow: #ffd200;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Header, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Header, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Header, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Header, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
  font-family: Body, sans-serif;
}

.container {
  grid-column-gap: 10vw;
  grid-row-gap: 10vw;
  flex-flow: column;
  align-items: stretch;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6rem;
  display: flex;
}

.container.is-hero {
  padding-bottom: 0;
}

.columns {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 5em;
  padding-left: 15vw;
  padding-right: 15vw;
  display: grid;
  position: static;
}

.columns.is-logo {
  grid-column-gap: 2.5vw;
  grid-row-gap: 3vw;
  text-align: center;
  place-items: start center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.columns.is-hero {
  grid-column-gap: 7em;
  grid-row-gap: 7em;
  background-image: linear-gradient(#00000080, #00000080), url('../images/hero.png');
  background-position: 0 0, 100% 0;
  background-size: auto, 100%;
  padding-bottom: 10em;
}

.col.is-header {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.col.is-center {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.col.is-logo {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero.is-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.hero.is-title {
  width: 20em;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.image {
  height: 90px;
}

.body {
  background-color: var(--is-black);
  color: var(--is-white);
}

.heading {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  line-height: 0.7;
}

.video.is-link {
  width: 100vw;
}

.shirt {
  height: 8em;
  margin-top: 2rem;
}

.p-big {
  font-size: 1.5rem;
  line-height: 1.25;
}

.is-outline {
  margin-top: -0.125rem;
  font-size: 6rem;
  line-height: 0.6;
}

.is-yellow {
  color: var(--is-yellow);
  position: relative;
}

.button {
  background-color: var(--is-yellow);
  color: var(--is-black);
  text-transform: uppercase;
  padding: 1rem 2rem .7rem;
  font-family: Header, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
}

.container-full {
  background-color: #1d1d1d;
  justify-content: flex-start;
  align-items: center;
  min-height: 70vh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ressources.is-bg {
  opacity: .49;
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  position: absolute;
  inset: 0%;
  width: 100%;
  object-fit: cover;
}

.ressources.is-content {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  width: 50%;
  max-width: 42em;
  margin-right: auto;
  padding-left: 6rem;
  display: flex;
  position: relative;
}

.hero-desktop {
  object-fit: cover;
  width: 60vw;
  max-height: 100vh;
  position: absolute;
  inset: 0% -6vw auto auto;
}

.tagline {
    margin-top: 4em;
}

.footer {
  justify-content: center;
  align-items: center;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.footer-image {
  width: 100vw;
}

.footer-logo {
  z-index: 2;
  width: 6em;
}

.country-logo {
  object-fit: contain;
  width: 100%;
  height: 3em;
}

.popup.is-wrap {
  z-index: 99;
  background-color: var(--is-black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup.is-container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.popup.is-content {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.popup.is-details {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  min-width: 50%;
  display: flex;
}

.popup-image {
  flex: auto;
  min-width: 50%;
}

.p-popup {
  font-size: 2rem;
  line-height: 1;
}

.p-medium {
  font-size: 1.15rem;
}

.hero-mobile {
  object-fit: cover;
  width: 60vw;
  max-height: 100vh;
  display: none;
  position: absolute;
  inset: 0% -6vw auto auto;
}

.lang.is-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lang.is-link {
  color: var(--is-yellow);
  font-family: Header, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.lang.is-link.w--current {
  color: var(--is-white);
  text-decoration: none;
}

.h-date {
  margin-bottom: -.75em;
  font-size: 5vw;
}

.is-white {
  color: var(--is-yellow);
  position: relative;
}

.is-white.is-stroke {
  color: var(--is-white);
}

@media screen and (max-width: 991px) {
  .container {
    overflow: hidden;
  }

  .columns {
    flex-flow: column;
    grid-template-columns: 1fr;
    place-items: center;
    display: flex;
  }

  .columns.is-logo {
    grid-row-gap: 3vw;
    justify-content: flex-start;
    align-items: center;
  }

  .columns.is-hero {
    background-image: linear-gradient(#0000005e, #0000005e), url('../images/hero.png');
    background-position: 0 0, 30% 0;
    background-size: auto, 120%;
    align-items: stretch;
    padding-left: 5vw;
    padding-right: 5vw;
    background-size: cover;
  }

  .col.is-hero {
    margin-top: -15rem;
    position: relative;
  }

  .video.is-cover {
    width: 100vw;
    max-width: 100vw;
  }

  .video.is-link {
    width: auto;
    position: relative;
  }

  .container-full {
    justify-content: flex-start;
    align-items: center;
  }

  .ressources.is-bg {
    opacity: .49;
    object-position: 0% 50%;
  }

  .ressources.is-content {
    width: auto;
    max-width: none;
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .hero-desktop {
    display: none;
  }

  .hero-mobile {
    width: 100vw;
    max-width: 100vw;
    display: block;
    position: relative;
  }

  .h-date {
    font-size: 7vw;
  }
}

@media screen and (max-width: 767px) {
  .columns.is-hero {
    background-image: linear-gradient(#00000082, #00000082), url('../images/hero.png');
    background-position: 0 0, 33% 0;
    background-size: auto, 150%;
    background-size: cover;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.3rem;
    line-height: 26px;
  }

  .columns.is-hero {
    background-image: linear-gradient(#0000008f, #0000008f), url('../images/hero.png');
    background-position: 0 0, 80% 0;
    background-size: auto, auto 100vh;
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    background-size: cover;
  }

  .col.is-header {
    height: 100%;
  }

  .col.is-hero {
    margin-top: -5rem;
  }

  .p-big {
    font-size: 1rem;
  }

  .is-outline {
    margin-top: -0.125rem;
    font-size: 3rem;
  }

  .container-full {
    height: auto;
  }

  .ressources.is-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

#w-node-c1ef3698-42fd-1f62-6b10-12df56b265ba-ad3cccc7 {
  align-self: center;
}

#w-node-b8fd5bf4-bcc5-dcb0-0dd4-1b97eb834a9a-ad3cccc7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: stretch;
}

#w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-ad3cccc7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: start;
}

#w-node-_890d534c-1b85-98ea-f9cc-226652cb0d65-ad3cccc7, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-ad3cccc7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-ad3cccc7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_257cb85a-0116-9b04-c55f-c6e3aba007ed-ad3cccc7, #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-ad3cccc7, #w-node-_150de047-08d5-e2b1-b57a-3f42f8f6ecc8-ad3cccc7, #w-node-_5f34e34f-0058-6926-7d57-3112c5525f3c-ad3cccc7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_26fe9046-5b52-bb9c-556f-bdca8bed0697-ad3cccc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-ad3cccc7 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da435-ad3cccc7 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-c1ef3698-42fd-1f62-6b10-12df56b265ba-9a6c6b79 {
  align-self: center;
}

#w-node-b8fd5bf4-bcc5-dcb0-0dd4-1b97eb834a9a-9a6c6b79 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: stretch;
}

#w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-9a6c6b79 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: start;
}

#w-node-_890d534c-1b85-98ea-f9cc-226652cb0d65-9a6c6b79, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-9a6c6b79 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-9a6c6b79 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_00879e42-1535-4992-1a4d-2bee39c54c34-9a6c6b79, #w-node-c4848d2b-bcfb-db10-4307-ecba87d39472-9a6c6b79, #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-9a6c6b79, #w-node-e0983e73-ccc9-6ef9-c0f7-c61d05e6e65f-9a6c6b79, #w-node-e0983e73-ccc9-6ef9-c0f7-c61d05e6e660-9a6c6b79 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-e0983e73-ccc9-6ef9-c0f7-c61d05e6e664-9a6c6b79 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-9a6c6b79 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da435-9a6c6b79 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-c1ef3698-42fd-1f62-6b10-12df56b265ba-a1a87f55 {
  align-self: center;
}

#w-node-b8fd5bf4-bcc5-dcb0-0dd4-1b97eb834a9a-a1a87f55 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: stretch;
}

#w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-a1a87f55 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: start;
}

#w-node-_890d534c-1b85-98ea-f9cc-226652cb0d65-a1a87f55, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-a1a87f55 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-a1a87f55 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: start;
}

#w-node-_9e122ed0-3423-0b13-e356-8f5270f00ffd-a1a87f55, #w-node-c4848d2b-bcfb-db10-4307-ecba87d39472-a1a87f55, #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-a1a87f55, #w-node-_2edadf45-5ce0-ce21-daaf-196b35317a9b-a1a87f55, #w-node-_2edadf45-5ce0-ce21-daaf-196b35317a9c-a1a87f55 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_2edadf45-5ce0-ce21-daaf-196b35317aa0-a1a87f55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-a1a87f55 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-f0fd992e-b927-89f0-0a20-fbdc464da435-a1a87f55 {
  grid-area: 1 / 3 / 2 / 5;
}

@media screen and (max-width: 991px) {
  #w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-ad3cccc7, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-ad3cccc7, #w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-ad3cccc7 {
    grid-column: span 1 / span 1;
  }

  #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-ad3cccc7, #w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-ad3cccc7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-9a6c6b79, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-9a6c6b79, #w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-9a6c6b79 {
    grid-column: span 1 / span 1;
  }

  #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-9a6c6b79, #w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-9a6c6b79 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d2f814f7-1d99-8e34-8fae-49485384ce70-a1a87f55, #w-node-_910f9ced-5442-9478-47a7-459f13aef78f-a1a87f55, #w-node-cde84fb0-f9cb-37f8-a498-2f7360486f29-a1a87f55 {
    grid-column: span 1 / span 1;
  }

  #w-node-_43438ef2-c575-55ae-44e0-12552b372c9b-a1a87f55, #w-node-f0fd992e-b927-89f0-0a20-fbdc464da434-a1a87f55 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Body';
  src: url('../fonts/body-75ced722.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Header';
  src: url('../fonts/header-a950d8e3.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}