@font-face {
  font-family: Bodoni Moda;
  src: url('../fonts/Bodoni_Moda.zip') format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Optima;
  src: url('../fonts/Optima-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Optima;
  src: url('../fonts/OPTIMA.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Optima B;
  src: url('../fonts/OPTIMA_B.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Optima;
  src: url('../fonts/Optima_Italic.woff') format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-ExtraBold.ttf') format("truetype"), url('../fonts/BodoniModa_72pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/BodoniModa_72pt-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 72 Pt";
  src: url('../fonts/BodoniModa_72pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/BodoniModa_48pt-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-ExtraBold.ttf') format("truetype"), url('../fonts/BodoniModa_48pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 48 Pt";
  src: url('../fonts/BodoniModa_48pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-BoldItalic.ttf') format("truetype"), url('../fonts/BodoniModa_28pt-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-Bold.ttf') format("truetype"), url('../fonts/BodoniModa_28pt-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 28 Pt";
  src: url('../fonts/BodoniModa_28pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-ExtraBold.ttf') format("truetype"), url('../fonts/BodoniModa_18pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-BoldItalic.ttf') format("truetype"), url('../fonts/BodoniModa_18pt-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 18 Pt";
  src: url('../fonts/BodoniModa_18pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/BodoniModa_9pt-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-Bold.ttf') format("truetype"), url('../fonts/BodoniModa_9pt-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Bodonimoda 9 Pt";
  src: url('../fonts/BodoniModa_9pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bodonimoda Variablefont Opsz Wght;
  src: url('../images/') format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bodonimoda Variablefont Opsz Wght;
  src: url('../images/') format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-content-wrap {
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-jumbo {
  text-transform: none;
  margin: 10px auto;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 64px;
  line-height: 80px;
  display: block;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-speaking-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.label.cc-about-light {
  opacity: .6;
  text-align: left;
  font-size: 16px;
}

.paragraph-light {
  opacity: 1;
  color: #222;
  width: auto;
  font-weight: 400;
}

.paragraph-light.cc-position-name {
  margin-bottom: 5px;
  text-decoration: none;
}

.paragraph-light.u-maxw-65ch {
  max-width: 65ch;
}

.section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #111;
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 32px;
  display: flex;
}

.section.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.section.is-next-project {
  margin-top: 15px;
  padding-top: 0;
  padding-bottom: 60px;
}

.primary-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: none;
  background-color: #1a1b1f;
  border-radius: 20px;
  padding: 12px 25px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.primary-button:hover {
  color: #fff;
  background-color: #32343a;
}

.primary-button:active {
  background-color: #43464d;
}

.primary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.primary-button.cc-white-button:hover {
  background-color: #fffc;
}

.primary-button.cc-white-button:active {
  background-color: #ffffffe6;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.divider {
  background-color: #eee;
  height: 1px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.navigation-item {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4em;
}

.navigation-item:hover {
  opacity: .9;
  text-underline-position: under;
  text-decoration: underline;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #000;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
  border-radius: 10px;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.nav_menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navigation {
  z-index: 100;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 12px 50px;
  display: flex;
  position: sticky;
  top: 0;
}

.logo-image {
  width: 130px;
  height: auto;
  display: block;
}

.navigation-wrap {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.name-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.position-name-text {
  text-transform: none;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.work-description {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.work-experience-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
}

.works-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . ."
                 ". . ."
                 / 1.5fr 1fr 1.5fr;
  margin-bottom: 80px;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.work-image {
  text-align: center;
  background-color: #f4f4f4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 460px;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.work-image:hover {
  opacity: .8;
}

.work-image:active {
  opacity: .7;
}

.work-image.cc-work-1 {
  background-image: url('../images/portfolio-1---wide.svg');
  background-size: cover;
}

.work-image.cc-work-2 {
  background-image: url('../images/portfolio-2---wide.svg');
  background-size: cover;
}

.work-image.cc-work-4 {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.work-image.cc-work-3 {
  background-image: url('../images/portfolio-4---wide.svg');
  background-size: cover;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: auto;
  padding: 40px 50px 10px;
  display: flex;
  position: static;
  bottom: 0;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.footer-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.about-intro-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr;
  align-items: center;
  margin-top: 20px;
}

.hi-there-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.service-name-text {
  opacity: .6;
  text-align: center;
  margin-bottom: 10px;
  font-family: Optima B, Palatino Linotype, sans-serif;
  font-size: 30px;
  line-height: 46px;
}

.skillset-wrap {
  padding-right: 60px;
}

.reference-link {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
  text-decoration: none;
}

.reference-link:hover {
  opacity: 1;
}

.reference-link:active {
  opacity: .9;
}

.featured-item-wrap {
  margin-bottom: 25px;
}

.services-items-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr;
  place-items: stretch center;
  padding-top: 10px;
}

.skills-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}

.personal-features-grid {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  margin-bottom: 110px;
}

.speaking-text {
  margin-right: 8px;
  display: inline-block;
}

.speaking-text.cc-past-speaking {
  opacity: .6;
}

.speaking-detail {
  opacity: .6;
  display: inline-block;
}

.upcoming-wrap {
  margin-bottom: 40px;
}

.social-media-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . .";
}

.project-overview-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 0 solid #000;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.project-overview-grid.grille-10-colonnes {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.project-overview-grid.is-10-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: 0;
}

.project-overview-grid.is-text {
  grid-column-gap: 15px;
  grid-template-rows: auto auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.detail-header-image {
  aspect-ratio: auto;
  object-fit: cover;
  background-color: #b62222;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
}

.project-description-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2.5fr;
}

.detail-image {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #f3f3f3;
  border: 0 solid #dbdbdb;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: block;
  position: relative;
  inset: 0;
  overflow: visible;
}

.detail-image.is-portrait {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.detail-image.is-portrait.is-bc {
  border-width: 1px;
}

.detail-image.is-absolut {
  position: relative;
}

.detail-image.is-mollat {
  border-width: 1px;
}

.email-section {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.email-link {
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 88px;
  text-decoration: none;
}

.email-link:hover {
  opacity: .8;
}

.email-link:active {
  opacity: .7;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.secondary-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.secondary-button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.heading {
  text-align: center;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 840px;
  margin: 140px auto 100px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: "Bodonimoda 28 Pt", Impact, sans-serif;
  font-size: 64px;
  line-height: 1.2em;
  display: block;
}

.image {
  width: auto;
  max-width: 1440px;
  margin-left: 220px;
  margin-right: 220px;
}

.div-block {
  margin-left: 220px;
  margin-right: 220px;
}

.image-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-2 {
  width: 1200px;
}

.container-3 {
  object-fit: cover;
  width: 100%;
  max-width: 1200px;
  min-height: auto;
  padding: 100px 0;
}

.image-3 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.text-block {
  font-family: Optima B, Palatino Linotype, sans-serif;
  font-size: 24px;
}

.footer-dark {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  display: flex;
}

.footer-brand {
  line-height: 0;
  text-decoration: none;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.footer-copyright-center {
  text-align: center;
  padding-top: 0;
  font-size: 14px;
  line-height: 16px;
}

.projects {
  padding-top: 90px;
  padding-bottom: 20px;
}

.projects_container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 32px;
  padding-right: 32px;
}

.projects_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". . ." 1fr
                 ". . ."
                 "Area-3 Area-2 Area"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 2fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.project_card {
  width: 366px;
}

.project_card-featured {
  aspect-ratio: auto;
  background-color: #0000;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.div-block-2 {
  background-image: linear-gradient(#000 49%, #fff);
  padding: 20px;
  display: flex;
  position: absolute;
}

.div-block-3 {
  flex-flow: column;
  margin-top: 5px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: hidden;
}

.heading-2 {
  color: #222;
  flex-flow: column;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 10px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 22px;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.div-block-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  font-size: 14px;
  display: flex;
}

.div-block-4:hover {
  opacity: 1;
}

.text-block-2 {
  opacity: 1;
  text-align: center;
  text-transform: none;
  background-color: #eee;
  border: 1px #000;
  border-radius: 8px;
  max-width: 114.891rem;
  padding: 0 14px;
  font-size: 10px;
  line-height: 26px;
  text-decoration: none;
}

.text-block-2:hover {
  opacity: 1;
}

.div-block-5 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #f0cdcd00;
  border: 0 dashed #d60c0c;
  border-radius: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.paragraph {
  color: #333;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 2em;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.div-block-6 {
  z-index: 0;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-image: url('../images/Acti-froid-33.jpg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  position: absolute;
  inset: 0 0%;
}

.div-block-6.la-boutique-des-ceramistes, .div-block-6.is-mollat, .div-block-6.is-les-musiciens-de-br-me, .div-block-6.is-acti-froid-33, .div-block-6.is-bordeaux-accueil-ses-tudiants, .div-block-6.is-natchai, .div-block-6.is-le-soir, .div-block-6.is-war-is-over, .div-block-6.is-naked, .div-block-6.is-graine-de-pain {
  background-image: none;
}

.button {
  clear: none;
  text-align: center;
  object-fit: cover;
  background-color: #afcae2;
  border: 3px solid #000;
  border-width: 3px 20px;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  max-width: 17rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 25px;
  display: block;
  position: static;
}

.button:hover {
  outline-offset: 0px;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #666;
  background-clip: border-box;
  border-radius: 0;
  outline: 3px #fff;
}

.div-block-7 {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}

.section-2 {
  padding-top: 100px;
}

.text-block-3 {
  line-height: 1.3em;
  text-decoration: none;
}

.heading-3 {
  margin-top: 0;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 30px;
  line-height: 1em;
  text-decoration: none;
}

.bold-text {
  text-decoration: none;
}

.link {
  font-weight: 400;
  text-decoration: none;
}

.bold-text-2, .bold-text-3 {
  font-size: 14px;
  font-weight: 400;
}

.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 8px;
  display: grid;
}

.div-block-9 {
  aspect-ratio: auto;
  object-fit: cover;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-9.ratio-landscape-3-2 {
  aspect-ratio: 3 / 2;
  margin-left: 0;
  margin-right: 0;
}

.div-block-9.ration-square {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 50%;
}

.div-block-9.ratio-portrait {
  aspect-ratio: 2 / 3;
  height: 100%;
}

.div-block-9.ratio-custom {
  aspect-ratio: 2;
}

.div-block-9.ratio-1-3 {
  aspect-ratio: 3 / 7;
}

.div-block-9.ratio-st-nicola {
  aspect-ratio: 16 / 13;
}

.div-block-9.is-square {
  aspect-ratio: 1;
  height: 100%;
}

.div-block-9.is-auto {
  aspect-ratio: auto;
  height: auto;
}

.div-block-9.is-match {
  width: auto;
}

.div-block-9.is-adaptable {
  aspect-ratio: auto;
  height: 100%;
}

.div-block-10 {
  aspect-ratio: auto;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-10.is-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section-3 {
  padding-top: 48px;
  padding-bottom: 72px;
}

.project_container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.project_overview_grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery_item {
  width: auto;
  position: static;
}

.media_frame {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-11 {
  background-color: #fff;
  border: 60px solid #f0f7fd;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  padding: 0;
  display: block;
  overflow: auto;
}

.div-block-11.is-wrapper {
  display: flex;
}

.div-block-11.ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
  height: 60vh;
}

.div-block-11.ratio-square.is-bae {
  border-width: 40px;
  border-color: #e9ddb7;
}

.div-block-11.is-actifroid-33 {
  border-width: 80px;
  border-color: #830b0d;
}

.div-block-11.is-naked {
  background-color: #ddd;
  border-color: #f7f7f7;
}

.image-4 {
  width: 100%;
  height: auto;
  overflow: visible;
}

.div-block-12 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: stretch;
  height: auto;
  display: flex;
  overflow: visible;
}

.image-5 {
  width: 100%;
}

.div-block-13 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: auto;
  padding-top: 0%;
  position: relative;
}

.div-block-13.is-2-1 {
  aspect-ratio: 2.39;
  object-fit: cover;
}

.div-block-13.is-2-1.is-natchai {
  padding-top: 0%;
}

.div-block-13.ratio-6-5 {
  aspect-ratio: 5 / 5;
  object-fit: fill;
  position: relative;
}

.div-block-13.is-quare {
  width: 100%;
  height: 100%;
}

.div-block-13.ratio-16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: relative;
}

.div-block-13.ratio-275-419 {
  aspect-ratio: NaN / 1;
}

.div-block-13.ratio-2-3 {
  aspect-ratio: 2 / 3;
}

.div-block-13.is6-5 {
  aspect-ratio: 6 / 5;
  height: 100%;
}

.background-video {
  object-fit: cover;
  border: 1px solid #ebebeb;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0;
}

.background-video-2 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  position: relative;
}

.heading-4 {
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.grid-layout {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-layout.desktop-1-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
}

.grid-layout.desktop-5-column {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-layout.desktop-5-column.utility-position-relative.utility-padding-all-4rem {
  background-color: #ffffff4d;
  border: 0 solid #d5d3e4;
  border-left: 2px solid #000;
  border-right: 1px dashed #cecece;
  grid-template-columns: 1fr;
}

.utility-position-relative {
  position: relative;
}

.utility-image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.utility-position-absolute {
  position: absolute;
}

.background-overlay {
  opacity: .2;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.utility-padding-all-4rem {
  padding: 4rem;
}

.utility-text-inverse.utility-text-align-center {
  text-align: left;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.utility-text-align-center {
  text-align: center;
}

.tab-menu-link.utility-width-100---mobile-landscape.utility-text-align-center.w--current {
  background-color: #146ef5;
}

.paragraph-l {
  margin-bottom: 1rem;
}

.paragraph-l.utility-text-inverse.utility-text-align-center {
  color: #222;
  text-align: left;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.button-2 {
  text-align: center;
  background-color: #000;
  flex: 1;
  order: -9999;
  justify-content: center;
  align-items: stretch;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
}

.button-2:hover {
  color: #fff;
  background-color: #414141;
  font-size: 17px;
}

.div-block-14 {
  width: 100%;
}

.background-video-3 {
  height: 100%;
}

.bold-text-4 {
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 40px;
}

.background-video-4 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  position: static;
}

.background-video-4.is-16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.div-block-15 {
  width: 100%;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
}

.text-block-5 {
  color: #5e5e5e;
  text-align: center;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
}

.paragraph-2 {
  color: #222;
  padding-right: 40px;
}

.paragraph-2.u-maxw-65ch {
  max-width: 65ch;
}

.heading-5 {
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.heading-5.utility-margin-bottom-0 {
  margin-bottom: 0;
  font-size: 24px;
}

.div-block-20 {
  background-color: #fff;
}

.bold-text-5 {
  font-weight: 400;
}

.button-3 {
  background-color: #1c3a55;
}

.button-4 {
  background-color: #111;
}

.button-5 {
  background-color: #111;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
}

.button-5:hover {
  color: #fff;
  background-color: #464646;
}

.italic-text, .italic-text-2 {
  font-style: normal;
}

.eyebrow {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
}

.eyebrow.utility-margin-bottom-0 {
  margin-bottom: 0;
}

.eyebrow.utility-margin-bottom-1rem {
  margin-bottom: .5rem;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.utility-margin-bottom-1rem {
  margin-bottom: 1rem;
}

.utility-margin-bottom-3rem {
  margin-bottom: 3rem;
}

.grid-gap-s {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.utility-margin-bottom-0 {
  margin-bottom: 0;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 24px;
}

.icon-large {
  width: 3rem;
  height: 3rem;
}

.paragraph-xxl.utility-margin-bottom-0 {
  margin-bottom: 0;
}

.text-link {
  font-size: 16px;
  text-decoration: underline;
  display: inline;
}

.paragraph-3, .paragraph-4 {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.text-block-6 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.text-block-7 {
  font-family: Montserrat, sans-serif;
}

.heading-6 {
  margin-top: 0;
  font-size: 30px;
}

.paragraph-5 {
  width: 800px;
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.heading-7 {
  width: 800px;
  max-width: 1200px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.paragraph-6 {
  width: 800px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}

.paragraph-7 {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-8 {
  width: 800px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-21 {
  background-image: url('../images/illustration-poulpe.jpg');
  background-position: 50%;
  background-size: contain;
  background-attachment: fixed;
  width: 1920%;
  height: 1080vh;
  margin-left: auto;
}

.hero {
  background-image: url('../images/illustration-poulpe.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.overlay {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.hero-content {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 100vh;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.heading-8, .heading-9, .heading-10, .heading-11, .heading-12 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.heading-13, .heading-14, .heading-15, .heading-16 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.heading-17 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 28px;
}

.play-pause-button {
  position: absolute;
}

@media screen and (max-width: 991px) {
  .styleguide-block {
    text-align: center;
  }

  .container {
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 1200px;
    display: block;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .label.cc-about-light {
    text-align: center;
    margin-bottom: 20px;
  }

  .paragraph-light {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .section {
    width: 100%;
    max-width: 1200px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .section.is-next-project {
    width: 90%;
    max-width: 1200px;
  }

  .primary-button {
    justify-content: center;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    width: 30px;
    height: auto;
    display: block;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .nav_menu {
    background-color: #fff;
    padding-left: 18px;
    padding-right: 18px;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .logo-image {
    object-fit: fill;
    width: 130px;
    height: auto;
  }

  .navigation-wrap {
    margin-right: 0;
  }

  .work-experience-grid {
    grid-template: ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .works-grid {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .work-image {
    margin-bottom: 30px;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .footer-wrap {
    justify-content: flex-end;
    align-items: center;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: static;
  }

  .about-intro-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-head-text-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hi-there-heading {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    font-size: 24px;
    line-height: 42px;
  }

  .skillset-wrap {
    aspect-ratio: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .services-items-grid {
    grid-row-gap: 0px;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .skills-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .personal-features-grid {
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-heading {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-grid {
    grid-template: ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .project-overview-grid {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    text-align: center;
    grid-template: "." 1fr
                   "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 90%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .project-overview-grid.is-10-columns {
    padding-top: 0;
  }

  .project-overview-grid.is-text {
    grid-template-columns: 1fr;
    padding-top: 55px;
  }

  .detail-header-image {
    max-width: 1200px;
  }

  .project-description-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .detail-image {
    height: 100%;
  }

  .email-section {
    margin-bottom: 160px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .heading {
    max-width: 640px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 50px;
  }

  .container-3 {
    margin-left: auto;
    margin-right: auto;
    padding: 100px 32px;
  }

  .container-4 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .footer-link, .footer-link.w--current {
    text-align: center;
  }

  .projects_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .projects_grid {
    grid-template: ". ." 1fr
                   ". ."
                   "Area-3 Area-2"
                   / 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
  }

  .heading-2 {
    font-size: 20px;
  }

  .div-block-4 {
    font-size: 12px;
  }

  .text-block-2 {
    font-size: 9px;
  }

  .paragraph {
    font-size: 13px;
  }

  .div-block-9.ratio-landscape-3-2 {
    height: 100%;
  }

  .div-block-9.ratio-custom-16-10 {
    height: auto;
    overflow: visible;
  }

  .div-block-9.is-square {
    height: 100%;
  }

  .div-block-9.is-for-mollat {
    box-sizing: content-box;
    height: auto;
  }

  .div-block-10 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-11 {
    background-color: #fff;
    margin-top: 0;
  }

  .div-block-11.ratio-square.is-bae {
    border-width: 0;
    height: 100%;
  }

  .div-block-11.is-actifroid-33 {
    border-width: 60px;
  }

  .div-block-11.is-naked {
    border-width: 40px;
    margin-top: 0;
  }

  .div-block-13 {
    width: 100%;
  }

  .div-block-13.is-2-1 {
    width: 100%;
    overflow: hidden;
  }

  .div-block-13.is-quare {
    aspect-ratio: 1;
  }

  .heading-4 {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-layout.desktop-1-column {
    grid-template-columns: 1fr;
  }

  .grid-layout.desktop-5-column.utility-position-relative.utility-padding-all-4rem {
    border-top-width: 1px;
    border-top-color: #696969;
    border-left-width: 0;
    border-right-width: 0;
    margin-left: 50px;
    margin-right: 50px;
  }

  .utility-text-inverse.utility-text-align-center {
    text-align: center;
  }

  .paragraph-l.utility-text-inverse.utility-text-align-center {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
  }

  .paragraph-l.utility-margin-bottom-3rem {
    text-align: center;
  }

  .div-block-14 {
    width: 100%;
  }

  .background-video-3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .section-4 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .div-block-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .text-block-4 {
    font-size: 24px;
  }

  .text-block-5 {
    text-align: center;
    padding-bottom: 10px;
    font-size: 24px;
  }

  .paragraph-2 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .paragraph-2.u-maxw-65ch {
    width: auto;
  }

  .div-block-17 {
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .div-block-18 {
    padding-top: 40px;
  }

  .div-block-19 {
    margin-top: 40px;
  }

  .heading-5 {
    font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  }

  .div-block-20 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .eyebrow.utility-margin-bottom-1rem {
    text-align: center;
  }

  .utility-margin-bottom-0 {
    text-align: center;
    margin-bottom: 0;
  }

  .icon-large.utility-margin-bottom-1rem {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-3, .text-block-7, .heading-6 {
    text-align: center;
  }

  .paragraph-5 {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .heading-7 {
    width: 100%;
    margin-top: 70px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .paragraph-6, .paragraph-8 {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-21 {
    background-size: cover;
  }

  .hero {
    background-image: url('../images/tablette-V2.jpg');
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .hero-content {
    padding-top: 5vh;
  }
}

@media screen and (max-width: 767px) {
  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .container {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .paragraph-light {
    font-size: 15px;
  }

  .section {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.cc-contact {
    padding: 15px;
  }

  .section.is-next-project {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    max-width: none;
    margin-top: 8px;
    padding-top: 0;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .nav_menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .work-experience-grid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .work-position-wrap {
    margin-bottom: 40px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .contact {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
    position: static;
  }

  .webflow-link {
    margin-bottom: 15px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .about-intro-grid {
    justify-items: center;
  }

  .about-head-text-wrap {
    width: auto;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .skills-grid {
    grid-template-columns: 1fr;
    width: 70%;
    max-width: 470px;
  }

  .personal-features-grid, .social-media-heading {
    width: 70%;
    max-width: 470px;
  }

  .social-media-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .project-overview-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 90%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .project-overview-grid.grille-10-colonnes {
    grid-template-columns: 1fr;
  }

  .project-overview-grid.is-text {
    margin-top: 0;
    margin-bottom: 0;
  }

  .project-description-grid {
    width: 70%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 85px;
  }

  .detail-image {
    aspect-ratio: auto;
    object-fit: cover;
    border-width: 1px;
    border-color: #f0f0f0;
    height: 100%;
    margin-bottom: 8px;
    padding-top: 0;
  }

  .detail-image.is-100-height {
    height: 100%;
  }

  .email-section {
    width: 80%;
    max-width: 470px;
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .heading {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Bodonimoda 18 Pt", Impact, sans-serif;
    font-size: 34px;
  }

  .container-3 {
    padding-bottom: 40px;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .projects {
    padding-top: 60px;
  }

  .projects_container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button {
    font-size: 13px;
  }

  .div-block-7 {
    padding-bottom: 60px;
  }

  .div-block-9 {
    height: auto;
    overflow: visible;
  }

  .div-block-9.ratio-landscape-3-2 {
    aspect-ratio: auto;
    height: auto;
  }

  .div-block-9.is-square {
    height: 100%;
  }

  .div-block-9.is-auto {
    aspect-ratio: auto;
  }

  .div-block-10 {
    width: 100%;
    height: 100%;
  }

  .div-block-11, .div-block-11.ratio-square.is-bae {
    border-width: 0;
  }

  .div-block-11.is-actifroid-33 {
    border-width: 1px;
    border-color: #f1f1f1;
  }

  .div-block-11.is-naked {
    border-width: 0;
    margin-top: 0;
  }

  .image-5 {
    border: 1px solid #f0f0f0;
  }

  .div-block-13 {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
    overflow: visible;
  }

  .div-block-13.ratio-16-9 {
    width: 100%;
  }

  .div-block-13.ratio-2-3 {
    height: 100%;
  }

  .utility-padding-all-4rem {
    padding: 1.5rem;
  }

  .button-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .background-video-3 {
    width: 100%;
    position: relative;
    overflow: visible;
  }

  .background-video-4 {
    width: 100%;
    height: 100%;
  }

  .div-block-16 {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-20 {
    width: auto;
  }

  .utility-margin-bottom-3rem {
    margin-bottom: 1.5rem;
  }

  .grid-gap-s {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .utility-margin-bottom-0 {
    margin-bottom: 0;
  }

  .hero {
    background-image: url('../images/telephone-paysage.jpg'), url('../images/illustration-poulpe.jpg');
    background-position: 50% 0, 50%;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    background-attachment: scroll, scroll;
    height: auto;
    min-height: 60vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .overlay {
    z-index: auto;
    font-family: "Bodonimoda 72 Pt", Impact, sans-serif;
    position: relative;
  }

  .hero-content {
    z-index: auto;
    height: auto;
    min-height: auto;
    padding-top: 8vh;
    padding-bottom: 8vh;
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .rich-text {
    width: 100%;
    max-width: none;
  }

  .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .label.cc-about-light {
    font-size: 15px;
  }

  .paragraph-light {
    width: auto;
    padding-top: 10px;
  }

  .paragraph-light.cc-position-name {
    padding-top: 10px;
    font-size: 15px;
  }

  .section {
    object-fit: cover;
    width: auto;
    max-width: none;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .section.is-next-project {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu-icon {
    width: 25px;
  }

  .nav_menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .logo-image {
    width: 100px;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap {
    flex-direction: column;
  }

  .footer-wrap {
    flex-direction: column;
    position: static;
  }

  .about-intro-grid {
    margin-left: auto;
    margin-right: auto;
  }

  .about-head-text-wrap {
    width: auto;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hi-there-heading {
    width: auto;
    font-size: 35px;
    line-height: 50px;
  }

  .skills-grid {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: none;
  }

  .personal-features-grid, .social-media-heading {
    width: 100%;
    max-width: none;
  }

  .project-overview-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-overview-grid.grille-10-colonnes {
    grid-template-columns: 1fr 1fr;
  }

  .project-overview-grid.is-10-columns {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: grid;
  }

  .project-overview-grid.is-text {
    display: block;
  }

  .project-description-grid {
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .detail-image {
    margin-bottom: 0;
  }

  .detail-image.is-portrait {
    border-width: 0;
  }

  .email-section {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .email-link {
    font-size: 30px;
    line-height: 46px;
  }

  .heading {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 28px;
  }

  .container-3 {
    padding: 30px 0;
  }

  .container-4 {
    max-width: none;
  }

  .footer-wrapper {
    padding-bottom: 20px;
  }

  .footer-link {
    padding-top: 10px;
  }

  .footer-divider {
    margin-top: 0;
    padding-bottom: 0;
  }

  .projects {
    padding-top: 20px;
  }

  .projects_grid {
    grid-template-areas: "."
                         "."
                         "Area-3";
  }

  .heading-2 {
    font-size: 18px;
  }

  .text-block-2 {
    font-size: 8px;
  }

  .paragraph {
    font-size: 12px;
  }

  .div-block-7 {
    padding-top: 10px;
    padding-bottom: 30px;
  }

  .text-block-3 {
    line-height: 1.4em;
  }

  .div-block-8 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-9 {
    height: auto;
  }

  .div-block-9.ration-square {
    padding-top: 0;
  }

  .div-block-9.is-square {
    height: auto;
  }

  .div-block-11.ratio-square.is-bae {
    border-width: 0;
  }

  .div-block-11.is-naked {
    height: 80vh;
    overflow: visible;
  }

  .div-block-12, .image-5 {
    position: static;
  }

  .div-block-13.is-2-1 {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .div-block-13.is-quare {
    width: 100%;
    overflow: visible;
  }

  .background-video-2 {
    height: Infinity% ;
    aspect-ratio: auto;
    object-fit: contain;
    margin-right: 0;
    position: static;
  }

  .grid-layout.desktop-5-column.utility-position-relative.utility-padding-all-4rem {
    border-top-width: 1px;
    border-top-color: #000;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-layout.mobile-portrait-1-column {
    grid-template-columns: 1fr;
  }

  .utility-text-inverse.utility-text-align-center {
    font-size: 34px;
    line-height: 42px;
  }

  .paragraph-l.utility-text-inverse.utility-text-align-center {
    font-size: 15px;
  }

  .button-2 {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
  }

  .button-2:hover {
    font-size: 14px;
  }

  .button-2.w--current {
    margin-top: 8px;
  }

  .div-block-14 {
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .background-video-3 {
    aspect-ratio: 1;
    height: 100%;
    position: relative;
    overflow: visible;
  }

  .div-block-16 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-5 {
    padding-bottom: 10px;
  }

  .paragraph-2 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    font-size: 15px;
  }

  .div-block-17 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-19 {
    margin-top: 0;
    padding-bottom: 20px;
  }

  .heading-5 {
    font-size: 35px;
  }

  .utility-margin-bottom-0 {
    margin-bottom: 0;
  }

  .paragraph-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-7 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-6 {
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-8 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero {
    aspect-ratio: auto;
    object-fit: contain;
    background-image: url('../images/ecran-telephone-portrait.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    width: 100%;
    height: auto;
    min-height: 80vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-content {
    height: 90vh;
    min-height: 90vh;
    padding-top: 8vh;
    display: none;
  }
}

#w-node-_57530d4b-dd03-7a20-b92b-f3573d1a43bf-844753e9 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-f8f8bfcf-f862-2131-e870-7e6ac888c6cc-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11c4-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce94-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60ed-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21e5-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba97-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b59116-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#Grille-internet.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2bf-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#sites-internet.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2c0-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#paragraphe-Sites-web.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2c4-844753e9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_00533e22-f603-1892-a526-45c76a03dd93-6a03dd8c.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2ec-844753e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_00533e22-f603-1892-a526-45c76a03dd94-6a03dd8c.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2ed-844753e9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_00533e22-f603-1892-a526-45c76a03dd96-6a03dd8c.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2ef-844753e9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_30ad07ef-96aa-b780-4d1a-f7f487bed95b-1d954aa0, #w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c1-844753ed {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-844753ed {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_812abe79-d9f7-aebf-c425-6c6b273d011a-844753ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af0fc3ba-d090-bb01-5ba7-a759cb9574dd-844753ed {
  align-self: center;
}

#w-node-c88b2813-5496-6c47-decb-bb9afd8e92c6-844753ed {
  place-self: center;
}

#Section-Savoir-faire.w-node-_2b72ae3a-1de8-4a72-2ca9-d75f4a5f9280-844753ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#H2-savoir-faire.w-node-_2b72ae3a-1de8-4a72-2ca9-d75f4a5f9279-844753ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Paragraphe-savoir-faire.w-node-_2b72ae3a-1de8-4a72-2ca9-d75f4a5f927d-844753ed {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_00533e22-f603-1892-a526-45c76a03dd93-6a03dd8c.w-node-abb334f0-5d27-30c4-a0d6-9996f6d6f277-844753ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_00533e22-f603-1892-a526-45c76a03dd94-6a03dd8c.w-node-abb334f0-5d27-30c4-a0d6-9996f6d6f278-844753ed, #w-node-_00533e22-f603-1892-a526-45c76a03dd96-6a03dd8c.w-node-abb334f0-5d27-30c4-a0d6-9996f6d6f27a-844753ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-844753f2 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-844753f2 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-844753f2 {
  grid-area: 1 / 5 / 2 / 11;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-844753f2 {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-844753f2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-844753f2 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf0-844753f2 {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf1-844753f2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e374057a-8dad-07c1-41c5-13126e9827bf-844753f2 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_102a49b5-f52b-25b4-5d33-86113a9f966e-844753f2 {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_102a49b5-f52b-25b4-5d33-86113a9f966f-844753f2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-844753f2 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-844753f2 {
  order: 0;
  grid-area: span 1 / span 10 / span 1 / span 10;
  justify-self: auto;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-d656f90a {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-d656f90a {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-d656f90a {
  order: 0;
  grid-area: 1 / 1 / 3 / 7;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-d656f90a, #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-d656f90a, #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-d656f90a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_24992e14-f79c-c936-8d7a-0dcac8640f47-d656f90a {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_4b0426d1-f0fb-c9e0-03fc-03d29d628437-d656f90a, #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-d656f90a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-d656f90a {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_3c7429a9-7668-367c-0835-3664da3ac251-d656f90a {
  order: 0;
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_3c7429a9-7668-367c-0835-3664da3ac252-d656f90a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-d656f90a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e581804a-2c9c-c64d-dd93-c630fa72e57f-d656f90a {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-d656f90a {
  order: 0;
  grid-area: span 4 / span 9 / span 4 / span 9;
  justify-self: auto;
}

#w-node-e374057a-8dad-07c1-41c5-13126e9827bf-d656f90a {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c4ab46f3-fbde-baa5-582f-93564447ecc8-d656f90a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-a9848d57 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-a9848d57 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-a9848d57 {
  order: 0;
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-a9848d57 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a9848d57 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-eccab632-dd5b-c305-0448-4633292e2e1c-a9848d57 {
  order: 0;
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-eccab632-dd5b-c305-0448-4633292e2e1d-a9848d57 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c85a6d79-c7ef-cb3b-773e-bb3cbc9360cb-a9848d57, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a9848d57 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c383ff86-6306-bb79-e34f-4e2cd4faf2ad-a9848d57 {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c383ff86-6306-bb79-e34f-4e2cd4faf2ae-a9848d57 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a9848d57 {
  order: 0;
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf1-a9848d57 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1a5f78d4-e82c-8f40-3655-a36f34db5fcc-a9848d57 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-f27802d1-9ac5-bad9-eb86-f34df0dd85a3-a9848d57 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d7f77161-08f5-cc1f-c061-58593258559e-a9848d57 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a9848d57 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-a9848d57 {
  order: 0;
  grid-area: span 4 / span 6 / span 4 / span 6;
  justify-self: auto;
}

#w-node-e374057a-8dad-07c1-41c5-13126e9827bf-a9848d57 {
  grid-area: span 4 / span 4 / span 4 / span 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-899b1b6f {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-899b1b6f {
  grid-area: 2 / 3 / 3 / 9;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-899b1b6f {
  order: 0;
  grid-area: 1 / 1 / 3 / 10;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-899b1b6f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-899b1b6f {
  grid-area: 3 / 5 / 3 / 10;
}

#w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-899b1b6f {
  grid-area: 3 / 1 / 3 / 5;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf0-899b1b6f {
  order: 0;
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf1-899b1b6f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a58236bb-96c5-2c64-1da9-787b92cc45c9-899b1b6f {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a58236bb-96c5-2c64-1da9-787b92cc45ca-899b1b6f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4da49d68-bea3-0f79-2680-7477adea86b3-899b1b6f {
  grid-area: 6 / 1 / 7 / 10;
}

#w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-899b1b6f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-899b1b6f {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-899b1b6f, #w-node-_7283a625-0e8d-9517-31dd-098bad92d02a-899b1b6f, #w-node-_5411b200-caad-58ca-6098-f275c931c0b5-899b1b6f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-899b1b6f {
  order: 0;
  grid-area: span 4 / span 5 / span 4 / span 5;
  justify-self: auto;
}

#w-node-_809fd3c8-82c0-9980-660e-e437591376f7-899b1b6f {
  order: 0;
  grid-area: span 4 / span 4 / span 4 / span 4;
  justify-self: auto;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-c260375f {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-c260375f {
  grid-area: 2 / 3 / 3 / 9;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-c260375f {
  order: 0;
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-c260375f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_856c93ee-7044-b38d-fb45-30331d956242-c260375f {
  order: 0;
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_856c93ee-7044-b38d-fb45-30331d956243-c260375f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf0-c260375f {
  order: 0;
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf1-c260375f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3e7abf34-05be-e26b-eb93-0cfb469621c1-c260375f, #w-node-_2150f7be-3bed-2e4d-b9bd-528323f16443-c260375f {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-_75a17bb1-59b7-6b25-5ecb-7c30e2901a31-c260375f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-c260375f {
  order: 0;
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: auto;
}

#w-node-_3b2f9c50-f9f8-9591-f701-5168cf6784db-c260375f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ee37df4e-dedc-a60d-ee90-fd4e13491f9c-c260375f {
  order: 0;
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: auto;
}

#w-node-e374057a-8dad-07c1-41c5-13126e9827bf-c260375f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d8f99551-6f08-2b09-ed5c-f2c13939cb34-c260375f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-06e2cc88 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-06e2cc88 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_49f067fc-02d3-9976-90fb-30fefdc014b2-06e2cc88, #w-node-_11e12367-9f8f-d85f-1065-14eae3b20d9e-06e2cc88 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5ebcdadd-8170-1279-d738-a3171d288ada-06e2cc88 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-06e2cc88 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_5cf0c769-a404-9da7-314c-e7eee50fa616-06e2cc88 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a23f8551-d756-d141-2330-21d3a6c3789f-06e2cc88 {
  grid-area: 3 / 1 / 4 / 7;
}

#w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-06e2cc88 {
  grid-area: 3 / 7 / 4 / 9;
}

#w-node-_568a5c4e-4373-9202-16a7-4fb01199bc02-06e2cc88 {
  grid-area: 3 / 9 / 4 / 11;
}

#w-node-d35f5885-a129-5d2b-a560-57a974acdb5e-06e2cc88 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_6f2ce040-3a5e-9dce-5ff8-e9012bf318b4-06e2cc88 {
  grid-area: 4 / 3 / 5 / 5;
}

#w-node-_2764eab6-4f2c-e101-73ea-55a464e92967-06e2cc88 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_40546835-ffe9-7cfc-69d0-b85564249d5f-06e2cc88 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_597c9ad2-d16f-935f-d778-5157b1a73539-06e2cc88 {
  grid-area: span 2 / span 7 / span 2 / span 7;
}

#w-node-_47deb0eb-ff65-57f9-985b-ce0656fddbb5-06e2cc88 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11c4-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c11e64ee-8822-1c13-66e6-0fd0a789baa7-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c11e64ee-8822-1c13-66e6-0fd0a789bab0-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce94-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60ed-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21e5-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba97-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b59116-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1a4ef31c-b1f4-2c81-4f60-c7323368d748-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a4ef31c-b1f4-2c81-4f60-c7323368d751-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0024b392-79c3-4158-df8c-2c18f3781ea7-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0024b392-79c3-4158-df8c-2c18f3781eb0-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f0463bdb-ad4f-bf00-8877-b36289f68336-2beb2fe2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0463bdb-ad4f-bf00-8877-b36289f6833f-2beb2fe2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-16777066 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-16777066 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-b55a66a4-fc25-1f69-3ed5-79130b277e1f-16777066 {
  grid-area: 1 / 1 / 2 / 11;
}

#w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-16777066 {
  order: 0;
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: auto;
}

#w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-16777066 {
  grid-area: span 1 / span 7 / span 1 / span 7;
}

#w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-16777066 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-16777066 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-16777066 {
  order: 0;
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: auto;
}

#w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-16777066 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4d-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c51-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c53-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4f-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c55-16777066 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-b9dd50d0 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-b9dd50d0 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-b9dd50d0 {
  order: 0;
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-b9dd50d0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b6654f66-a7c8-db79-37f9-bcb85d39afc9-b9dd50d0 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_326f70dd-2c63-5266-17a1-725707db6434-b9dd50d0 {
  grid-area: 2 / 1 / 3 / 6;
}

#w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-b9dd50d0 {
  grid-area: 1 / 7 / 2 / 11;
}

#w-node-af69cd3a-5456-4cae-63e7-e6a09888e521-b9dd50d0, #w-node-_541a94a6-f6e8-7550-0815-903aefdbdc7a-b9dd50d0, #w-node-_26403acf-df41-d6d8-2c8f-6c06fcbaff1f-b9dd50d0, #w-node-c1a8e1d1-0e21-2e25-4454-184d4cb98084-b9dd50d0, #w-node-_587389e6-f1dd-2e37-efa5-d6c9aff05767-b9dd50d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b6654f66-a7c8-db79-37f9-bcb85d39afcb-b9dd50d0 {
  grid-area: span 2 / span 10 / span 2 / span 10;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-a064101f {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-a064101f {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-_799d063f-4682-0ebf-496d-6bbcad77eb57-a064101f {
  grid-area: 1 / 1 / 3 / 7;
}

#w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a064101f {
  grid-area: 2 / 7 / 3 / 10;
}

#w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a064101f {
  grid-area: 3 / 1 / 4 / 5;
}

#w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-a064101f {
  grid-area: 1 / 7 / 2 / 10;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a064101f {
  order: 0;
  grid-area: 3 / 5 / 4 / 10;
}

#w-node-c840c87c-8088-da48-8539-049aad1b5bf1-a064101f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_67123e77-ba3b-e9f6-a5fc-91376d0bc1d7-a064101f {
  order: 0;
  grid-area: 4 / 1 / 5 / 6;
}

#w-node-ffc7aa75-d6c5-de33-e1c2-6bb5c973a483-a064101f {
  grid-area: 4 / 6 / 5 / 8;
}

#w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a064101f {
  grid-area: 4 / 8 / 5 / 10;
}

#w-node-_632df28f-2d03-56e2-9c66-90e5356cf92d-a064101f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c2edefd9-2971-ad53-3736-0b2033d92528-a064101f {
  grid-area: 5 / 1 / 6 / 4;
}

#w-node-_14b0af37-46f1-e6e5-76b7-1c4059135796-a064101f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1316efd1-3f2a-055e-bee1-9bf939053b8e-a064101f {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-a8e4fb54-8629-eb74-1e7c-d581ecfabb58-a064101f {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-e5d3c3a3-7999-29ed-b44a-7538ff2a8711-a064101f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e452dab3-edb5-c73c-96ce-edba23a54072-a064101f, #w-node-fe034a81-d1c8-9d1e-dff0-693b61a33de4-a064101f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_370cc674-93ed-9455-fa62-c966c50a6b3b-a064101f {
  grid-area: 8 / 8 / 9 / 9;
}

#w-node-_6f3a1cf3-a8f0-9918-8c30-7e2fb2cc3778-a064101f {
  grid-area: 8 / 9 / 9 / 10;
}

#w-node-_7736111b-50c8-af93-9b58-46b7701b265c-a064101f, #w-node-_82bc46bd-5ae0-33f4-81f4-1c514c2566a9-a064101f, #w-node-_0c64cb8f-6768-caf7-cbff-58986ffd3740-a064101f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_61157b1a-fccd-5ff9-f2cb-b92c7ddeaba4-a064101f {
  grid-area: 10 / 1 / 11 / 7;
}

#w-node-_30deb1fe-e0c3-d44e-5ce4-80cb950e905f-a064101f {
  grid-area: 11 / 1 / 12 / 4;
}

#w-node-_2edc9646-f30c-f0f2-e422-bb528bce6bd2-a064101f, #w-node-_2d51ee66-afbe-6040-fdb4-2fcf3dcdf858-a064101f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-1ff8b914 {
  grid-area: 1 / 1 / 2 / 8;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-1ff8b914 {
  grid-area: 2 / 3 / 3 / 8;
}

#w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-1ff8b914 {
  order: 0;
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: auto;
}

#w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-1ff8b914, #w-node-_88f2b290-987e-0d7a-d1ab-2df7387cc3ac-1ff8b914 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-1ff8b914, #w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-1ff8b914 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c471d884-7316-ad65-8acf-c59fbc1efe6d-1ff8b914 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-1ff8b914 {
  order: 0;
  grid-area: span 1 / span 5 / span 1 / span 5;
  justify-self: auto;
}

#w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-1ff8b914 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-_57530d4b-dd03-7a20-b92b-f3573d1a43bf-844753e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-844753e9 {
    grid-row: span 1 / span 1;
  }

  #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-844753e9 {
    grid-column: span 1 / span 1;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-844753e9 {
    grid-area: Area-3;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-844753e9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #sites-internet.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2c0-844753e9, #paragraphe-Sites-web.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2c4-844753e9, #w-node-_00533e22-f603-1892-a526-45c76a03dd94-6a03dd8c.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2ed-844753e9, #w-node-_00533e22-f603-1892-a526-45c76a03dd96-6a03dd8c.w-node-_26bcdf68-5160-c28c-8d9a-7d59575fc2ef-844753e9 {
    grid-column: 1 / 6;
  }

  #w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-844753ed {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_812abe79-d9f7-aebf-c425-6c6b273d011a-844753ed {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #H2-savoir-faire.w-node-_2b72ae3a-1de8-4a72-2ca9-d75f4a5f9279-844753ed, #Paragraphe-savoir-faire.w-node-_2b72ae3a-1de8-4a72-2ca9-d75f4a5f927d-844753ed, #w-node-_00533e22-f603-1892-a526-45c76a03dd94-6a03dd8c.w-node-abb334f0-5d27-30c4-a0d6-9996f6d6f278-844753ed, #w-node-_00533e22-f603-1892-a526-45c76a03dd96-6a03dd8c.w-node-abb334f0-5d27-30c4-a0d6-9996f6d6f27a-844753ed {
    grid-column: 1 / 6;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-844753f2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-844753f2 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-844753f2 {
    grid-area: 1 / 1 / 2 / 7;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-844753f2 {
    grid-column: span 4 / span 4;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-844753f2 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-844753f2 {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-844753f2 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-844753f2 {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-d656f90a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-d656f90a {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-d656f90a {
    order: 0;
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_2f79b287-a341-00fa-d8dd-57f5b510f182-d656f90a {
    grid-area: span 2 / span 9 / span 2 / span 9;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-d656f90a {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-d656f90a {
    grid-area: 1 / 6 / 2 / 11;
  }

  #w-node-_24992e14-f79c-c936-8d7a-0dcac8640f47-d656f90a {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_4b0426d1-f0fb-c9e0-03fc-03d29d628437-d656f90a {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-d656f90a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-d656f90a {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_3c7429a9-7668-367c-0835-3664da3ac251-d656f90a {
    grid-column: span 10 / span 10;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-d656f90a, #w-node-e581804a-2c9c-c64d-dd93-c630fa72e57f-d656f90a, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-d656f90a {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-d656f90a {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-c4ab46f3-fbde-baa5-582f-93564447ecc8-d656f90a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-a9848d57 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-a9848d57 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-a9848d57 {
    grid-row: span 1 / span 1;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a9848d57 {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-eccab632-dd5b-c305-0448-4633292e2e1c-a9848d57 {
    grid-row: span 1 / span 1;
  }

  #w-node-c85a6d79-c7ef-cb3b-773e-bb3cbc9360cb-a9848d57 {
    grid-row: 3 / 4;
  }

  #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a9848d57 {
    grid-area: 3 / 6 / 4 / 11;
  }

  #w-node-_1a5f78d4-e82c-8f40-3655-a36f34db5fcc-a9848d57 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-f27802d1-9ac5-bad9-eb86-f34df0dd85a3-a9848d57 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d7f77161-08f5-cc1f-c061-58593258559e-a9848d57 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a9848d57 {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-a9848d57 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-a9848d57 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-899b1b6f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-899b1b6f {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-899b1b6f {
    grid-row-end: 2;
    grid-column-end: 7;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-899b1b6f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-899b1b6f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-899b1b6f, #w-node-a58236bb-96c5-2c64-1da9-787b92cc45c9-899b1b6f {
    grid-column: span 3 / span 3;
  }

  #w-node-_4da49d68-bea3-0f79-2680-7477adea86b3-899b1b6f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-899b1b6f, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-899b1b6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-899b1b6f, #w-node-_7283a625-0e8d-9517-31dd-098bad92d02a-899b1b6f, #w-node-_5411b200-caad-58ca-6098-f275c931c0b5-899b1b6f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-899b1b6f, #w-node-_809fd3c8-82c0-9980-660e-e437591376f7-899b1b6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-c260375f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-c260375f {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_856c93ee-7044-b38d-fb45-30331d956242-c260375f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3e7abf34-05be-e26b-eb93-0cfb469621c1-c260375f, #w-node-_2150f7be-3bed-2e4d-b9bd-528323f16443-c260375f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_75a17bb1-59b7-6b25-5ecb-7c30e2901a31-c260375f, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-c260375f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_3b2f9c50-f9f8-9591-f701-5168cf6784db-c260375f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-ee37df4e-dedc-a60d-ee90-fd4e13491f9c-c260375f, #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-c260375f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d8f99551-6f08-2b09-ed5c-f2c13939cb34-c260375f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-06e2cc88 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-06e2cc88 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_49f067fc-02d3-9976-90fb-30fefdc014b2-06e2cc88 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_11e12367-9f8f-d85f-1065-14eae3b20d9e-06e2cc88 {
    grid-area: 2 / 1 / 2 / 5;
  }

  #w-node-_5ebcdadd-8170-1279-d738-a3171d288ada-06e2cc88 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-06e2cc88 {
    grid-area: 2 / 5 / 3 / 11;
  }

  #w-node-_5cf0c769-a404-9da7-314c-e7eee50fa616-06e2cc88, #w-node-a23f8551-d756-d141-2330-21d3a6c3789f-06e2cc88 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-06e2cc88, #w-node-_568a5c4e-4373-9202-16a7-4fb01199bc02-06e2cc88, #w-node-d35f5885-a129-5d2b-a560-57a974acdb5e-06e2cc88, #w-node-_6f2ce040-3a5e-9dce-5ff8-e9012bf318b4-06e2cc88 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2764eab6-4f2c-e101-73ea-55a464e92967-06e2cc88 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_40546835-ffe9-7cfc-69d0-b85564249d5f-06e2cc88 {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_597c9ad2-d16f-935f-d778-5157b1a73539-06e2cc88 {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_47deb0eb-ff65-57f9-985b-ce0656fddbb5-06e2cc88 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-2beb2fe2, #w-node-c11e64ee-8822-1c13-66e6-0fd0a789baa7-2beb2fe2 {
    grid-row: span 1 / span 1;
  }

  #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-2beb2fe2 {
    grid-column: span 1 / span 1;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-2beb2fe2 {
    grid-area: Area-3;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-2beb2fe2, #w-node-_1a4ef31c-b1f4-2c81-4f60-c7323368d748-2beb2fe2, #w-node-_0024b392-79c3-4158-df8c-2c18f3781ea7-2beb2fe2, #w-node-f0463bdb-ad4f-bf00-8877-b36289f68336-2beb2fe2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-16777066 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-16777066 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e1f-16777066 {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-16777066 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-16777066 {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-16777066 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-16777066 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-16777066 {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4d-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c51-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c53-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4f-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c55-16777066 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-b9dd50d0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-b9dd50d0 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-b9dd50d0 {
    grid-column-end: 11;
  }

  #w-node-b6654f66-a7c8-db79-37f9-bcb85d39afc9-b9dd50d0 {
    grid-area: 3 / 1 / 4 / 11;
  }

  #w-node-_326f70dd-2c63-5266-17a1-725707db6434-b9dd50d0 {
    grid-area: 4 / 1 / 5 / 6;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-b9dd50d0 {
    grid-area: 2 / 1 / 3 / 11;
  }

  #w-node-af69cd3a-5456-4cae-63e7-e6a09888e521-b9dd50d0 {
    grid-area: 5 / 1 / 6 / 6;
  }

  #w-node-_541a94a6-f6e8-7550-0815-903aefdbdc7a-b9dd50d0 {
    grid-area: 4 / 6 / 5 / 11;
  }

  #w-node-_26403acf-df41-d6d8-2c8f-6c06fcbaff1f-b9dd50d0 {
    grid-area: 6 / 1 / 7 / 6;
  }

  #w-node-c1a8e1d1-0e21-2e25-4454-184d4cb98084-b9dd50d0 {
    grid-area: 5 / 6 / 6 / 11;
  }

  #w-node-_587389e6-f1dd-2e37-efa5-d6c9aff05767-b9dd50d0 {
    grid-area: 6 / 6 / 6 / 11;
  }

  #w-node-b6654f66-a7c8-db79-37f9-bcb85d39afcb-b9dd50d0 {
    grid-area: 7 / 1 / 8 / 11;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-a064101f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-a064101f {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_799d063f-4682-0ebf-496d-6bbcad77eb57-a064101f {
    grid-area: 1 / 1 / 2 / 11;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a064101f {
    grid-area: 2 / 6 / 3 / 11;
  }

  #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a064101f {
    grid-area: 3 / 1 / 4 / 6;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-a064101f {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a064101f {
    grid-column: 6 / 11;
  }

  #w-node-_67123e77-ba3b-e9f6-a5fc-91376d0bc1d7-a064101f {
    grid-row: 4 / 5;
    grid-column-end: 11;
  }

  #w-node-ffc7aa75-d6c5-de33-e1c2-6bb5c973a483-a064101f {
    grid-area: 7 / 6 / 8 / 11;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a064101f {
    grid-area: 5 / 7 / 6 / 11;
  }

  #w-node-_632df28f-2d03-56e2-9c66-90e5356cf92d-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-c2edefd9-2971-ad53-3736-0b2033d92528-a064101f {
    grid-area: 5 / 1 / 6 / 7;
  }

  #w-node-_14b0af37-46f1-e6e5-76b7-1c4059135796-a064101f {
    grid-area: 7 / span 5 / 8 / span 5;
  }

  #w-node-_1316efd1-3f2a-055e-bee1-9bf939053b8e-a064101f {
    grid-area: 9 / 5 / 10 / 11;
  }

  #w-node-a8e4fb54-8629-eb74-1e7c-d581ecfabb58-a064101f {
    grid-area: 8 / 1 / 9 / 11;
  }

  #w-node-e5d3c3a3-7999-29ed-b44a-7538ff2a8711-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-e452dab3-edb5-c73c-96ce-edba23a54072-a064101f {
    grid-area: 9 / 1 / 10 / 5;
  }

  #w-node-fe034a81-d1c8-9d1e-dff0-693b61a33de4-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_370cc674-93ed-9455-fa62-c966c50a6b3b-a064101f, #w-node-_6f3a1cf3-a8f0-9918-8c30-7e2fb2cc3778-a064101f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7736111b-50c8-af93-9b58-46b7701b265c-a064101f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_82bc46bd-5ae0-33f4-81f4-1c514c2566a9-a064101f, #w-node-_0c64cb8f-6768-caf7-cbff-58986ffd3740-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_61157b1a-fccd-5ff9-f2cb-b92c7ddeaba4-a064101f {
    grid-area: 12 / 1 / 13 / 11;
  }

  #w-node-_30deb1fe-e0c3-d44e-5ce4-80cb950e905f-a064101f {
    grid-area: 14 / 1 / 15 / 6;
  }

  #w-node-_2edc9646-f30c-f0f2-e422-bb528bce6bd2-a064101f {
    grid-area: 14 / 6 / 14 / 11;
  }

  #w-node-_2d51ee66-afbe-6040-fdb4-2fcf3dcdf858-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-1ff8b914 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-1ff8b914 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-1ff8b914 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-1ff8b914, #w-node-_88f2b290-987e-0d7a-d1ab-2df7387cc3ac-1ff8b914 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-1ff8b914, #w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-1ff8b914 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c471d884-7316-ad65-8acf-c59fbc1efe6d-1ff8b914, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-1ff8b914 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-1ff8b914 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6b3da79d-4f30-110a-f8c9-955354e12fff-f606b87d {
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-844753e9, #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-844753e9, #w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-844753e9, #w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-844753e9 {
    grid-column: span 2 / span 2;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-844753e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-844753e9 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-844753f2 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-844753f2, #w-node-_102a49b5-f52b-25b4-5d33-86113a9f966e-844753f2 {
    grid-column: span 4 / span 4;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-844753f2 {
    grid-column: span 6 / span 6;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-a9848d57, #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a9848d57 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-eccab632-dd5b-c305-0448-4633292e2e1c-a9848d57 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-c85a6d79-c7ef-cb3b-773e-bb3cbc9360cb-a9848d57, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a9848d57, #w-node-c383ff86-6306-bb79-e34f-4e2cd4faf2ad-a9848d57, #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a9848d57 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_1a5f78d4-e82c-8f40-3655-a36f34db5fcc-a9848d57 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-f27802d1-9ac5-bad9-eb86-f34df0dd85a3-a9848d57, #w-node-d7f77161-08f5-cc1f-c061-58593258559e-a9848d57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a9848d57, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-a9848d57 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-a9848d57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3e7abf34-05be-e26b-eb93-0cfb469621c1-c260375f {
    grid-column: span 4 / span 4;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-06e2cc88 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-2beb2fe2, #w-node-c11e64ee-8822-1c13-66e6-0fd0a789baa7-2beb2fe2, #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-2beb2fe2, #w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-2beb2fe2, #w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-2beb2fe2 {
    grid-column: span 2 / span 2;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-2beb2fe2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-2beb2fe2, #w-node-_1a4ef31c-b1f4-2c81-4f60-c7323368d748-2beb2fe2, #w-node-_0024b392-79c3-4158-df8c-2c18f3781ea7-2beb2fe2, #w-node-f0463bdb-ad4f-bf00-8877-b36289f68336-2beb2fe2 {
    grid-column: span 2 / span 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e1f-16777066, #w-node-_799d063f-4682-0ebf-496d-6bbcad77eb57-a064101f {
    grid-area: 1 / 1 / 2 / 11;
  }

  #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-a064101f {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a064101f, #w-node-_67123e77-ba3b-e9f6-a5fc-91376d0bc1d7-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a064101f {
    grid-column: span 4 / span 4;
  }

  #w-node-_632df28f-2d03-56e2-9c66-90e5356cf92d-a064101f {
    grid-column: span 10 / span 10;
  }

  #w-node-c2edefd9-2971-ad53-3736-0b2033d92528-a064101f {
    grid-column-end: 7;
  }

  #w-node-_14b0af37-46f1-e6e5-76b7-1c4059135796-a064101f {
    grid-column-end: 6;
  }

  #w-node-_1316efd1-3f2a-055e-bee1-9bf939053b8e-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-a8e4fb54-8629-eb74-1e7c-d581ecfabb58-a064101f {
    grid-row: 8 / 9;
  }

  #w-node-e5d3c3a3-7999-29ed-b44a-7538ff2a8711-a064101f, #w-node-e452dab3-edb5-c73c-96ce-edba23a54072-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-fe034a81-d1c8-9d1e-dff0-693b61a33de4-a064101f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_370cc674-93ed-9455-fa62-c966c50a6b3b-a064101f, #w-node-_6f3a1cf3-a8f0-9918-8c30-7e2fb2cc3778-a064101f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7736111b-50c8-af93-9b58-46b7701b265c-a064101f, #w-node-_82bc46bd-5ae0-33f4-81f4-1c514c2566a9-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_0c64cb8f-6768-caf7-cbff-58986ffd3740-a064101f, #w-node-_61157b1a-fccd-5ff9-f2cb-b92c7ddeaba4-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }

  #w-node-_30deb1fe-e0c3-d44e-5ce4-80cb950e905f-a064101f, #w-node-_2edc9646-f30c-f0f2-e422-bb528bce6bd2-a064101f {
    grid-area: span 1 / span 5 / span 1 / span 5;
  }

  #w-node-_2d51ee66-afbe-6040-fdb4-2fcf3dcdf858-a064101f {
    grid-area: span 1 / span 10 / span 1 / span 10;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-844753e9, #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-844753e9, #w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-844753e9, #w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-844753e9 {
    grid-column: span 2 / span 2;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-844753e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-844753e9, #w-node-_9bfd1ac1-0b69-454c-06a8-53c71d954aa0-1d954aa0 {
    grid-column: span 2 / span 2;
  }

  #w-node-_13361887-69cd-8c72-f7fe-04b4adc3534f-1d954aa0, #w-node-_13361887-69cd-8c72-f7fe-04b4adc35351-1d954aa0, #w-node-ea1f4486-ce11-1c88-a3c0-68c78e656a79-1d954aa0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c1-844753ed {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-af0fc3ba-d090-bb01-5ba7-a759cb9574dd-844753ed, #w-node-c88b2813-5496-6c47-decb-bb9afd8e92c6-844753ed, #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-844753f2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-844753f2, #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-844753f2 {
    grid-column: span 2 / span 2;
  }

  #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-844753f2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-844753f2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: stretch;
  }

  #w-node-_102a49b5-f52b-25b4-5d33-86113a9f966e-844753f2, #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-844753f2, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-844753f2, #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-d656f90a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-d656f90a {
    grid-column: span 2 / span 2;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-d656f90a {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_24992e14-f79c-c936-8d7a-0dcac8640f47-d656f90a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4b0426d1-f0fb-c9e0-03fc-03d29d628437-d656f90a {
    grid-column: span 2 / span 2;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-d656f90a, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-d656f90a, #w-node-_3c7429a9-7668-367c-0835-3664da3ac251-d656f90a, #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-d656f90a, #w-node-e581804a-2c9c-c64d-dd93-c630fa72e57f-d656f90a, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-d656f90a, #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-d656f90a, #w-node-c4ab46f3-fbde-baa5-582f-93564447ecc8-d656f90a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-a9848d57 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a9848d57 {
    grid-column: span 2 / span 2;
  }

  #w-node-eccab632-dd5b-c305-0448-4633292e2e1c-a9848d57, #w-node-c85a6d79-c7ef-cb3b-773e-bb3cbc9360cb-a9848d57, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a9848d57, #w-node-c383ff86-6306-bb79-e34f-4e2cd4faf2ad-a9848d57, #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a9848d57, #w-node-_1a5f78d4-e82c-8f40-3655-a36f34db5fcc-a9848d57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f27802d1-9ac5-bad9-eb86-f34df0dd85a3-a9848d57 {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-d7f77161-08f5-cc1f-c061-58593258559e-a9848d57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a9848d57 {
    grid-area: 10 / 1 / 11 / 3;
  }

  #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-a9848d57, #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-a9848d57 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2f79b287-a341-00fa-d8dd-57f5b510f181-899b1b6f {
    grid-row-start: 4;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-899b1b6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_8c2bf393-ea9b-7ef4-9847-3b54a0f75a49-899b1b6f {
    grid-area: 3 / span 3 / 4 / span 3;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-899b1b6f, #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-899b1b6f, #w-node-a58236bb-96c5-2c64-1da9-787b92cc45c9-899b1b6f, #w-node-_4da49d68-bea3-0f79-2680-7477adea86b3-899b1b6f, #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-899b1b6f, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-899b1b6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-899b1b6f, #w-node-_7283a625-0e8d-9517-31dd-098bad92d02a-899b1b6f, #w-node-_5411b200-caad-58ca-6098-f275c931c0b5-899b1b6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-899b1b6f, #w-node-_809fd3c8-82c0-9980-660e-e437591376f7-899b1b6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-c260375f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_856c93ee-7044-b38d-fb45-30331d956242-c260375f, #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-c260375f {
    grid-column: span 1 / span 1;
  }

  #w-node-_3e7abf34-05be-e26b-eb93-0cfb469621c1-c260375f {
    order: 0;
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: auto;
  }

  #w-node-_2150f7be-3bed-2e4d-b9bd-528323f16443-c260375f, #w-node-_75a17bb1-59b7-6b25-5ecb-7c30e2901a31-c260375f, #w-node-_643cdfc6-05e6-771d-6cd2-0417eea87fb0-c260375f, #w-node-_3b2f9c50-f9f8-9591-f701-5168cf6784db-c260375f, #w-node-ee37df4e-dedc-a60d-ee90-fd4e13491f9c-c260375f, #w-node-e374057a-8dad-07c1-41c5-13126e9827bf-c260375f, #w-node-d8f99551-6f08-2b09-ed5c-f2c13939cb34-c260375f, #w-node-_49f067fc-02d3-9976-90fb-30fefdc014b2-06e2cc88, #w-node-_11e12367-9f8f-d85f-1065-14eae3b20d9e-06e2cc88, #w-node-_5ebcdadd-8170-1279-d738-a3171d288ada-06e2cc88 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-06e2cc88 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_5cf0c769-a404-9da7-314c-e7eee50fa616-06e2cc88, #w-node-a23f8551-d756-d141-2330-21d3a6c3789f-06e2cc88 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-06e2cc88, #w-node-_568a5c4e-4373-9202-16a7-4fb01199bc02-06e2cc88, #w-node-d35f5885-a129-5d2b-a560-57a974acdb5e-06e2cc88, #w-node-_6f2ce040-3a5e-9dce-5ff8-e9012bf318b4-06e2cc88 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2764eab6-4f2c-e101-73ea-55a464e92967-06e2cc88, #w-node-_40546835-ffe9-7cfc-69d0-b85564249d5f-06e2cc88, #w-node-_597c9ad2-d16f-935f-d778-5157b1a73539-06e2cc88 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_47deb0eb-ff65-57f9-985b-ce0656fddbb5-06e2cc88 {
    grid-area: span 5 / span 2 / span 5 / span 2;
  }

  #w-node-_07a19237-f24d-34eb-2dc8-e4912fbc11bb-2beb2fe2, #w-node-c11e64ee-8822-1c13-66e6-0fd0a789baa7-2beb2fe2, #w-node-_4b5a1ea0-2b34-ff5d-bac8-52076e96ce8b-2beb2fe2, #w-node-fcf76819-f292-8e5d-31ed-0f9e2a4f60e4-2beb2fe2, #w-node-ea5045e1-3304-f11e-c6f4-cb1cf91e21dc-2beb2fe2 {
    grid-column: span 2 / span 2;
  }

  #w-node-c2876f16-9e8b-2fb6-4fd3-15ed0dc5ba8e-2beb2fe2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1c6cd1f6-169c-1f32-66ee-0e1d66b5910d-2beb2fe2, #w-node-_1a4ef31c-b1f4-2c81-4f60-c7323368d748-2beb2fe2, #w-node-_0024b392-79c3-4158-df8c-2c18f3781ea7-2beb2fe2, #w-node-f0463bdb-ad4f-bf00-8877-b36289f68336-2beb2fe2 {
    grid-column: span 2 / span 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e1f-16777066 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-16777066 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-16777066 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-16777066, #w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-16777066 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4d-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c51-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c53-16777066, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4f-16777066 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c55-16777066 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_95388a26-edbf-ac6f-cc62-acd0f1ded25e-b9dd50d0 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b6654f66-a7c8-db79-37f9-bcb85d39afc9-b9dd50d0 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_326f70dd-2c63-5266-17a1-725707db6434-b9dd50d0 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-b9dd50d0 {
    grid-row: 2 / 3;
    grid-column-end: 3;
  }

  #w-node-af69cd3a-5456-4cae-63e7-e6a09888e521-b9dd50d0 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_541a94a6-f6e8-7550-0815-903aefdbdc7a-b9dd50d0 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_26403acf-df41-d6d8-2c8f-6c06fcbaff1f-b9dd50d0 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-c1a8e1d1-0e21-2e25-4454-184d4cb98084-b9dd50d0 {
    grid-area: 5 / 2 / 6 / 3;
  }

  #w-node-_587389e6-f1dd-2e37-efa5-d6c9aff05767-b9dd50d0 {
    grid-area: 6 / 2 / 7 / 3;
  }

  #w-node-b6654f66-a7c8-db79-37f9-bcb85d39afcb-b9dd50d0 {
    grid-area: 7 / 1 / 8 / 3;
  }

  #w-node-_799d063f-4682-0ebf-496d-6bbcad77eb57-a064101f, #w-node-b1fec032-568f-5d5a-0058-25d058b0a2e0-a064101f, #w-node-_2ef3a89d-2a23-5821-9319-012ce10540dd-a064101f, #w-node-_8ef4792a-a4cd-1734-2b95-d373ba13d267-a064101f, #w-node-c840c87c-8088-da48-8539-049aad1b5bf0-a064101f, #w-node-_67123e77-ba3b-e9f6-a5fc-91376d0bc1d7-a064101f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ffc7aa75-d6c5-de33-e1c2-6bb5c973a483-a064101f, #w-node-eb4c30d8-1fcf-b7b0-a06c-d8592922ced8-a064101f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_632df28f-2d03-56e2-9c66-90e5356cf92d-a064101f, #w-node-c2edefd9-2971-ad53-3736-0b2033d92528-a064101f, #w-node-_14b0af37-46f1-e6e5-76b7-1c4059135796-a064101f, #w-node-_1316efd1-3f2a-055e-bee1-9bf939053b8e-a064101f, #w-node-a8e4fb54-8629-eb74-1e7c-d581ecfabb58-a064101f, #w-node-e5d3c3a3-7999-29ed-b44a-7538ff2a8711-a064101f, #w-node-e452dab3-edb5-c73c-96ce-edba23a54072-a064101f, #w-node-fe034a81-d1c8-9d1e-dff0-693b61a33de4-a064101f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_370cc674-93ed-9455-fa62-c966c50a6b3b-a064101f, #w-node-_6f3a1cf3-a8f0-9918-8c30-7e2fb2cc3778-a064101f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7736111b-50c8-af93-9b58-46b7701b265c-a064101f, #w-node-_82bc46bd-5ae0-33f4-81f4-1c514c2566a9-a064101f, #w-node-_0c64cb8f-6768-caf7-cbff-58986ffd3740-a064101f, #w-node-_61157b1a-fccd-5ff9-f2cb-b92c7ddeaba4-a064101f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_30deb1fe-e0c3-d44e-5ce4-80cb950e905f-a064101f, #w-node-_2edc9646-f30c-f0f2-e422-bb528bce6bd2-a064101f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2d51ee66-afbe-6040-fdb4-2fcf3dcdf858-a064101f, #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e21-1ff8b914 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b55a66a4-fc25-1f69-3ed5-79130b277e23-1ff8b914 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_88f2b290-987e-0d7a-d1ab-2df7387cc3ac-1ff8b914, #w-node-_11fe0a87-70de-d61f-cf40-e47867cae71f-1ff8b914, #w-node-_86f58dae-1792-4cbf-0273-0929b32443a4-1ff8b914, #w-node-c471d884-7316-ad65-8acf-c59fbc1efe6d-1ff8b914, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c49-1ff8b914, #w-node-_45cc2afa-4de2-6525-2318-df79c92d7c4b-1ff8b914 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Bodoni Moda';
  src: url('../fonts/Bodoni_Moda.zip') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Optima';
  src: url('../fonts/Optima-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Optima';
  src: url('../fonts/OPTIMA.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Optima B';
  src: url('../fonts/OPTIMA_B.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Optima';
  src: url('../fonts/Optima_Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-ExtraBold.ttf') format('truetype'), url('../fonts/BodoniModa_72pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/BodoniModa_72pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 72 Pt';
  src: url('../fonts/BodoniModa_72pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/BodoniModa_48pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-ExtraBold.ttf') format('truetype'), url('../fonts/BodoniModa_48pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 48 Pt';
  src: url('../fonts/BodoniModa_48pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-BoldItalic.ttf') format('truetype'), url('../fonts/BodoniModa_28pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-Bold.ttf') format('truetype'), url('../fonts/BodoniModa_28pt-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 28 Pt';
  src: url('../fonts/BodoniModa_28pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-ExtraBold.ttf') format('truetype'), url('../fonts/BodoniModa_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-BoldItalic.ttf') format('truetype'), url('../fonts/BodoniModa_18pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 18 Pt';
  src: url('../fonts/BodoniModa_18pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/BodoniModa_9pt-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-Bold.ttf') format('truetype'), url('../fonts/BodoniModa_9pt-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda 9 Pt';
  src: url('../fonts/BodoniModa_9pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda Variablefont Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodonimoda Variablefont Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}