:root {
  --color--dark-2: #060e0d;
  --fonts--body: "Lemon Milk", Arial, sans-serif;
  --color--text-color: #edf2f4;
  --text-size--small: 1rem;
  --fonts--headings: "Tf Nukes", Arial, sans-serif;
  --line-height: 1.1em;
  --color--primary: #0c1d1b;
  --grid-spacing-desktop: 1rem;
  --color--off-white: #edf2f4;
  --color--pale-peach: #193833;
  --radius: .375rem;
  --color--border-color-light: #edf2f459;
  --color--white: white;
  --color--black: black;
  --color--light-green: #77b28c;
  --color--error: #550c18;
}

body {
  background-color: var(--color--dark-2);
  font-family: var(--fonts--body);
  color: var(--color--text-color);
  font-size: var(--text-size--small);
  letter-spacing: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  line-height: 1.35em;
  display: block;
}

h1 {
  font-family: var(--fonts--headings);
  font-size: 6.5rem;
  line-height: var(--line-height);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

h2 {
  font-family: var(--fonts--headings);
  font-size: 5.125rem;
  line-height: var(--line-height);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h3 {
  font-family: var(--fonts--headings);
  font-size: 4rem;
  line-height: var(--line-height);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-family: var(--fonts--headings);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 1.2em;
}

h5 {
  font-family: var(--fonts--headings);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1em;
}

h6 {
  font-family: var(--fonts--headings);
  text-transform: none;
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2em;
}

p {
  letter-spacing: 0;
  margin-bottom: 0;
}

a {
  color: var(--color--primary);
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: .625rem;
  padding-left: 2.5rem;
}

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

strong {
  font-weight: 500;
}

blockquote {
  border-left: .3125rem solid #e2e2e2;
  margin-bottom: .625rem;
  padding: .625rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .3125rem;
}

.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;
}

.navabar {
  z-index: 9;
  flex-direction: row;
  align-items: center;
  width: 100%;
  max-width: 118.75rem;
  height: 4.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  width: 100%;
  max-width: 1900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container.overlay-container {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.navbar-content {
  z-index: 10;
  grid-column-gap: var(--grid-spacing-desktop);
  grid-row-gap: var(--grid-spacing-desktop);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: 100%;
  position: relative;
}

.navbar-brand {
  min-width: 6rem;
  max-width: 7rem;
}

.navbar-brand.brand-dark {
  z-index: 1;
  z-index: 1;
  inset: 0% auto auto 0%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 5rem;
  padding: 1rem 0;
  transition: all .2s;
  display: flex;
}

.menu-link:hover {
  background-color: #0000;
  transform: scale(.9);
}

.menu-line {
  background-color: var(--color--text-color);
  -webkit-text-stroke-color: var(--color--text-color);
  width: 100%;
  height: .0625rem;
}

.navbar-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: .0625rem none var(--color--primary);
  background-color: var(--color--primary);
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  white-space: nowrap;
  word-break: normal;
  background-image: linear-gradient(0deg, #0000, #ffffff24);
  border-radius: .275rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 11.25rem;
  height: 2.5rem;
  padding: 0 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button:hover {
  opacity: .83;
}

.button.inverted {
  color: var(--color--off-white);
  background-color: #ececf000;
  background-image: none;
  border: 1px solid #ececf02e;
}

.button.inverted:hover {
  border-color: #ececf0;
}

.button.cms-events {
  min-width: 8.75rem;
  margin-left: 0;
  margin-right: 0;
  padding: .375rem 1.5rem;
  font-size: .875rem;
  font-weight: 400;
  display: none;
}

.button.cms-events.nav-button {
  min-width: 8.75rem;
}

.button.small {
  min-width: 8.75rem;
  margin-left: 0;
  margin-right: 0;
  padding: .375rem 1.5rem;
  font-size: .875rem;
  font-weight: 400;
}

.button.small.nav-button {
  min-width: 8.75rem;
}

.button.emphasis {
  border-style: none;
  border-color: var(--color--pale-peach);
  background-color: var(--color--pale-peach);
  color: var(--color--text-color);
  background-image: linear-gradient(#0000, #2929292e);
  font-weight: 400;
}

.button.dark {
  background-image: none;
}

.section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section.bg-white {
  background-color: var(--color--off-white);
}

.section.size-l {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.section.size-xl {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.section.size-s {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section.bg-primary {
  background-color: var(--color--primary);
  color: var(--color--off-white);
}

.section.bg-secondary {
  background-color: var(--color--pale-peach);
  color: var(--color--text-color);
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-padding-top {
  padding-top: 0;
}

.section.cms-single-header {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.section.gallerie-cta {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding-top: 0;
  padding-bottom: 5rem;
}

.section.intro {
  padding-top: 0;
}

.section.ig {
  background-color: var(--color--pale-peach);
  padding-top: 0;
  padding-bottom: 0;
}

.section.bg-green {
  background-color: var(--color--pale-peach);
}

.section.gallery {
  background-color: var(--color--dark-2);
  padding-top: 0;
  padding-bottom: 0;
}

.section.overflow {
  overflow: hidden;
}

.section.hero-soumission {
  padding-top: 10rem;
}

.section.intro-section {
  padding-top: 8.5rem;
}

.section.cms-grid-gallery {
  padding-bottom: 0;
}

.section.evenements-accueil {
  padding-bottom: 8.5rem;
}

.section.bg-secondary {
  background-color: var(--color--pale-peach);
}

.section.home-intro {
  padding-bottom: 8.5rem;
  overflow: visible;
}

.section.events-menu {
  padding-top: 0;
}

.section.section-events {
  background-color: var(--color--primary);
}

.section.section-menus {
  overflow: hidden;
}

.section.hero-events-cms {
  padding-bottom: 0;
}

.section.hero-menus {
  padding-top: 8.5rem;
  padding-bottom: 0;
}

.section.intro-menus {
  padding-bottom: 0;
}

.brand-wrapper {
  position: relative;
}

.footer {
  background-color: var(--color--pale-peach);
  margin-top: auto;
}

.footer-main {
  flex-direction: column;
  display: flex;
}

.footer-columns {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 6rem;
  padding-bottom: 5rem;
  display: grid;
}

.footer-menu {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  align-items: flex-start;
  font-style: normal;
  display: flex;
}

.vertical-links {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-small {
  font-size: var(--text-size--small);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.4em;
}

.text-small.uppercase {
  letter-spacing: .0625rem;
  text-transform: uppercase;
  font-size: .8125rem;
}

.text-small.animated {
  margin-left: 2rem;
}

.text-small.muted {
  opacity: .6;
}

.container-s {
  width: 100%;
  max-width: 40rem;
}

.footer-terms {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.terms-container {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.terms-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: row;
  display: flex;
}

.navbar-scroll-bg {
  opacity: 0;
  -webkit-backdrop-filter: blur(.3125rem);
  backdrop-filter: blur(.3125rem);
  background-color: #060e0dbf;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.grid-image {
  border-radius: var(--radius);
  position: absolute;
  inset: 0% auto auto 0%;
}

.grid-image.about {
  object-position: 50% 80%;
}

.page-card {
  border: 1px solid var(--color--pale-peach);
  border-radius: var(--radius);
  color: var(--color--off-white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.5rem;
  display: flex;
}

.page-card.dark {
  background-color: var(--color--primary);
  color: var(--color--text-color);
  background-color: var(--color--primary);
}

.card-media {
  border-radius: var(--radius);
  width: 14rem;
  height: 8rem;
  padding-bottom: 0%;
  position: relative;
  overflow: hidden;
}

.card-text {
  grid-column-gap: 8.75rem;
  grid-row-gap: 8.75rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
}

.container-xs {
  width: 100%;
  max-width: 28rem;
}

.next-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
}

.overlay-menu {
  z-index: 9;
  background-color: var(--color--primary);
  color: var(--color--off-white);
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.ovelray-menu-container {
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  display: flex;
  overflow: scroll;
}

.ovelray-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: stretch;
  place-items: end start;
  padding-top: 6rem;
  padding-bottom: 3rem;
  padding-right: 0;
  display: grid;
}

.overlay-nav {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  line-height: .1069rem;
  display: flex;
}

.overlay-nav.left {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.overlay-nav-item {
  font-family: var(--fonts--headings);
  color: var(--color--pale-peach);
  letter-spacing: -.125rem;
  text-transform: none;
  border-bottom: 0 solid #ececf000;
  padding-right: 9px;
  font-size: 4.675rem;
  line-height: 1.05em;
  transition: all .2s;
}

.overlay-nav-item:hover {
  opacity: .64;
  border: 0 solid #000;
  padding-left: .5rem;
}

.overlay-nav-item.w--current {
  opacity: .53;
}

.overlay-nav-text {
  text-transform: uppercase;
  border-bottom: .0625rem #000;
}

.overlay-nav-text:hover {
  border: 0 #000;
}

.overlay-nav-text.small {
  font-family: var(--fonts--body);
  letter-spacing: 0;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: var(--fonts--body);
  letter-spacing: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.overlay-info {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: var(--color--pale-peach);
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.overlay-menu-mark {
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  transform: scale(2);
}

.div-block {
  display: none;
}

.text-link {
  color: var(--color--text-color);
  border-bottom: .125rem solid #7c282c00;
  flex: 0 auto;
  align-self: auto;
  padding-bottom: .125rem;
  line-height: 1.4em;
  transition: all .2s;
}

.text-link:hover {
  border-bottom-color: var(--color--pale-peach);
}

.text-link.w--current {
  opacity: .5;
  margin-top: 0;
}

.text-link.light {
  color: var(--color--pale-peach);
  border-bottom-width: .0625rem;
  font-weight: 400;
  transition-duration: .25ms;
}

.text-link.light:hover {
  border-bottom-width: .0625rem;
  border-bottom-color: var(--color--pale-peach);
}

.text-link.light.w--current {
  border-bottom-color: var(--color--off-white);
}

.icon-button {
  background-color: var(--color--primary);
  color: var(--color--off-white);
  background-image: linear-gradient(0deg, #0000, #ffffff1a);
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  transition: all .2s;
  display: flex;
}

.icon-button:hover {
  transform: scale(1.1);
}

.icon-button.light {
  background-color: var(--color--pale-peach);
  background-color: var(--color--pale-peach);
}

.icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon.icon-xl {
  width: 5rem;
  height: 5rem;
}

.icon.icon-xs {
  align-items: center;
  width: 1rem;
  height: 1rem;
}

.icon.icon-primary {
  color: var(--color--primary);
}

.overlay-top-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--off-white);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 95%;
  display: none;
  overflow: hidden;
}

.social-links-row {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--color--text-color);
  display: flex;
}

.social-link {
  color: var(--color--primary);
  border: .0625rem #000;
  text-decoration: none;
  transition: all .2s;
}

.social-link:hover {
  opacity: .5;
  color: var(--color--white);
}

.social-link.nav:hover {
  color: var(--color--primary);
}

.text-muted {
  opacity: .8;
}

.fade-in {
  width: 100%;
}

.fade-in.fade-in-overlay {
  z-index: 3;
  position: relative;
}

.fade-in.fade-menus {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.fade-in.relative {
  z-index: 2;
  position: relative;
}

.heading-style-1 {
  font-family: var(--fonts--headings);
  text-transform: uppercase;
  font-size: 6rem;
  line-height: 1;
}

.heading-style-1.faded {
  opacity: .65;
}

.heading-style-2 {
  font-family: var(--fonts--headings);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.05em;
}

.heading-style-2.lemon-milk {
  font-family: var(--fonts--body);
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.1em;
}

.heading-style-4 {
  font-family: var(--fonts--body);
  font-size: 2rem;
  line-height: var(--line-height);
  letter-spacing: -.0125rem;
  text-transform: uppercase;
  font-weight: 500;
}

.heading-style-4.animated {
  margin-left: 2rem;
}

.heading-style-5 {
  font-family: var(--fonts--headings);
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 1.05em;
}

.heading-style-5.text-body {
  font-family: var(--fonts--body);
  font-weight: 500;
}

.heading-style-5.lemon-milk {
  font-family: var(--fonts--body);
  letter-spacing: 0;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: var(--fonts--body);
  letter-spacing: 0;
  font-size: 1.5rem;
  font-weight: 500;
}

.card-footer {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: auto;
  display: flex;
}

.footer-book {
  background-color: var(--color--pale-peach);
  background-image: linear-gradient(0deg, #0000, #ffffff1f);
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.footer-book-content {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-book-left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  display: flex;
}

.overlay-nav-right {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.overlay-menu-left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  text-align: left;
  flex-flow: column;
  display: flex;
}

.overlay-nav-extra {
  flex-flow: column;
  margin-left: auto;
  display: flex;
}

.overlay-nav-small-link {
  font-family: var(--fonts--headings);
  color: var(--color--pale-peach);
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1em;
}

.overlay-small-menu {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  margin-left: auto;
  display: flex;
}

.gird-menu-halves {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.single-menu-halves {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  border-top: 1px none var(--color--off-white);
  flex-flow: column;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.top-menu-halves {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-cover.fit-20 {
  object-position: 50% 20%;
}

.logo-footer {
  object-fit: contain;
  object-position: 50% 0%;
  width: 12rem;
}

.menu-text-price {
  opacity: .7;
  font-weight: 300;
}

.top-text {
  opacity: .85;
  font-family: var(--fonts--body);
  color: var(--color--white);
  font-size: .875rem;
  line-height: var(--line-height);
  letter-spacing: .05rem;
  font-weight: 500;
}

.top-text.italic {
  font-style: italic;
}

.top-text.animated {
  color: var(--color--light-green);
  margin-left: 2rem;
}

.top-text.green {
  color: var(--color--light-green);
}

.master-top-text {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.master-top-text.mg-bottom-80 {
  margin-bottom: 80px;
}

.master-top-text.mg-bottom-16 {
  margin-bottom: 1rem;
}

.master-top-text.mg-bottom {
  margin-bottom: 2.5rem;
}

.divider-main {
  background-color: var(--color--pale-peach);
  transform-origin: 0%;
  width: 100%;
  height: 1px;
  margin-bottom: 3.5rem;
}

.divider-main.no {
  margin-bottom: 0;
}

.divider-main.formulaire {
  margin-bottom: 1rem;
}

.divider-main.menu {
  margin-bottom: 2.5rem;
}

.divider-main.top-large {
  margin-top: 5rem;
  margin-bottom: 0;
}

.divider-main.dark {
  background-color: var(--color--primary);
}

.divider-main.reverse {
  margin-top: 4rem;
  margin-bottom: 0;
}

.divider-main.large {
  margin-bottom: 5rem;
}

.divider-main.top-small {
  margin-top: 3.5rem;
  margin-bottom: 0;
}

.max-w-cta-title {
  width: 110%;
}

.single-banner-details-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 40rem;
  display: flex;
}

.inner-banner-wrapper {
  margin-bottom: 36px;
}

.inner-banner-wrapper.flex {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.inner-banner-wrapper.mb-0 {
  margin-bottom: 0;
}

.section-wrapper, .single-banner-details-wrapper {
  width: 100%;
}

.img-wrap {
  border-radius: var(--radius);
  height: 30rem;
  position: relative;
  overflow: hidden;
}

.img-wrap.top-mg {
  margin-top: 2.5rem;
}

.single-banner-details-flex {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1150px;
  display: flex;
}

.heading-wrap-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.cms-menu-layout {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-flow: wrap;
  display: flex;
}

.cms-menu-item {
  border: 1px solid var(--color--pale-peach);
  color: var(--color--off-white);
  background-color: #ffffff0d;
  border-radius: .275rem;
  padding: .5rem .875rem;
  font-size: .875rem;
  transition: background-color .3s cubic-bezier(.215, .61, .355, 1);
  display: inline-flex;
}

.cms-menu-item:hover {
  background-color: var(--color--pale-peach);
}

.cms-menu-item.all {
  background-color: #19383380;
}

.cms-menu-item-wrap {
  flex: none;
}

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

.button-v2 {
  grid-column-gap: .325rem;
  grid-row-gap: .325rem;
  border: 1px solid var(--color--pale-peach);
  color: var(--color--off-white);
  background-color: #19383380;
  border-radius: .275rem;
  padding: .5rem .875rem;
  font-size: .875rem;
  transition: background-color .3s cubic-bezier(.215, .61, .355, 1);
  display: inline-flex;
}

.button-v2:hover {
  background-color: #ffffff0d;
}

.button-v2.alternate-2 {
  background-color: var(--color--dark-2);
}

.button-v2.alternate-2:hover {
  background-color: #ffffff0d;
}

.button-v2.alternate {
  background-color: var(--color--pale-peach);
}

.button-v2.alternate:hover {
  background-color: #ffffff0d;
}

.empty-state {
  border-radius: var(--radius);
  background-color: var(--color--border-color-light);
  font-size: var(--text-size--small);
}

.label {
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
}

.heading-style-cta {
  font-family: var(--fonts--headings);
  font-size: 6rem;
  line-height: var(--line-height);
  letter-spacing: .075rem;
  font-weight: 300;
}

.text-color-light {
  color: #edf2f4b3;
}

.menus-collection-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdownwrapper {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: block;
  position: relative;
}

.dropdowncontainer {
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.dropdown-list {
  background-color: #0000;
  margin-top: 0;
  padding-top: 4px;
  overflow: hidden;
}

.dropdown-innerlist {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  border-radius: 0 0 32px 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
  position: relative;
}

.dropdown-innerlist.no-margin {
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.overlay-nav-medium-link {
  font-family: var(--fonts--body);
  color: var(--color--pale-peach);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1em;
}

.overlay-nav-medium-link._2 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.menus-cms-wrap-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.flex-button-stretch {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.adresse p {
  line-height: 1.35em;
}

.mg-bottom-s {
  margin-bottom: .5rem;
}

.gtm {
  display: none;
}

@media screen and (min-width: 1280px) {
  .menu-feature-title {
    font-size: var(--text-size--small);
  }

  .right-menu-animated {
    max-width: 40rem;
  }

  .slide-our-story {
    height: 32rem;
  }

  .single-formules {
    grid-template-columns: 1fr 1fr 1.5fr;
  }

  .heading-wrap-menus-home {
    display: flex;
  }

  .nav-link-item.is-main-link {
    font-size: 2rem;
  }

  .spacer-2rem {
    width: 100%;
    height: 2rem;
  }

  .container-menus-intro {
    max-width: 68rem;
  }

  .container-formules-events {
    max-width: 64rem;
  }
}

@media screen and (min-width: 1440px) {
  .hero-title-left {
    max-width: 38rem;
  }

  .hero-video {
    width: 24vw;
    height: 14vw;
  }

  .menu-feature-title {
    width: 28vw;
    height: 28vw;
  }

  .heading-hero {
    font-size: 7vw;
  }

  .right-menu-animated {
    max-width: 50rem;
  }

  .slide-our-story {
    height: 36rem;
  }

  .title-wrapper-home {
    padding-left: 12.5%;
  }

  .work-writing-divider {
    left: 49.26%;
  }

  .hero-heading-wrap {
    bottom: -6.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .menu-feature-title {
    width: 25vw;
    height: 25vw;
  }

  .heading-hero {
    font-size: 9rem;
  }

  .single-banner-details-wrap {
    max-width: 555px;
  }

  .work-overview-info-grid {
    grid-column-gap: 100px;
  }

  .regular-details {
    letter-spacing: -.18px;
    font-size: 18px;
  }

  .work-writing-right {
    max-width: 910px;
  }

  .work-writing-img {
    border-radius: 16px;
  }

  .work-overview-info-text {
    letter-spacing: -.18px;
    font-size: 18px;
    line-height: 166.667%;
  }

  .inner-banner-wrapper {
    margin-bottom: 40px;
  }

  .sub-title {
    font-size: 18px;
  }

  .inner-banner-title {
    letter-spacing: -13.68px;
    margin-bottom: 116px;
    font-size: 200px;
  }

  .work-overview-info-label {
    letter-spacing: -.32px;
    font-size: 16px;
    line-height: 150%;
  }

  .section-hero {
    padding-top: 200px;
  }

  .single-banner-details-flex {
    max-width: 1485px;
  }

  .work-single-img {
    border-radius: 16px;
  }

  .work-overview-wrap {
    max-width: 911px;
  }

  .single-banner-img {
    border-radius: 16px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 5.125rem;
    line-height: 1.2em;
  }

  h2 {
    font-size: 3.375rem;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .navbar-content {
    height: 5.25rem;
  }

  .button.cms-events {
    display: block;
  }

  .page-wrapper {
    overflow: visible;
  }

  .section.section-menus, .section.no-padding-bottom-t {
    padding-bottom: 0;
  }

  .section.size-l {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .section.size-xl {
    padding-top: 7.25rem;
    padding-bottom: 7.25rem;
  }

  .section.cms-single-header {
    padding-top: 7rem;
    padding-bottom: 4rem;
  }

  .section.gallerie-cta {
    padding-bottom: 4rem;
  }

  .section.intro-section {
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding-top: 4rem;
    display: flex;
  }

  .section.home-intro {
    padding-bottom: 4rem;
  }

  .section.pam-home {
    padding-bottom: 0;
  }

  .section.section-menus, .section.no-padding-bottom-t {
    padding-bottom: 0;
  }

  .section.hero-events-cms {
    padding-top: 0;
  }

  .footer-columns {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 3rem;
  }

  .text-small {
    margin-bottom: 0;
  }

  .text-small.animated {
    margin-left: 0;
  }

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

  .display-text {
    letter-spacing: -.025rem;
    font-size: 5.75rem;
    line-height: 1.1em;
  }

  .terms-container {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
  }

  .jumbo-text {
    letter-spacing: -1vw;
    font-size: 15vw;
    line-height: 15vw;
  }

  .hero-section {
    min-height: 0;
  }

  .hero-section.utility {
    min-height: 0;
  }

  .hero-content {
    padding-top: 12rem;
    padding-bottom: 8.5rem;
  }

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

  .card-media {
    width: 100%;
    height: 10rem;
  }

  .card-text {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .callout-media {
    padding-bottom: 43%;
    padding-right: 30%;
  }

  .callout-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-xs.hero-events {
    padding-left: 1rem;
  }

  .next-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .promo-image-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    align-items: stretch;
    overflow: hidden;
  }

  .promo-image-media {
    height: 24rem;
  }

  .promo-image-content {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .grid-2-col {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .grid-2-col.team, .grid-2-col.localisation {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .grid-2-col.md-gap-xl {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
  }

  .grid-2-col.team, .grid-2-col.localisation {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .grid-2-col.faq {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    display: flex;
  }

  .grid-2-col.promesse {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .accordion-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .accordion-padding {
    padding: 1.5rem 0;
  }

  .accordion-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .richtext blockquote {
    font-size: 2.25rem;
    line-height: 1.5em;
  }

  .sidebar-nav {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .sidebar-link {
    letter-spacing: -.0937rem;
    overflow-wrap: normal;
    font-size: 2rem;
    line-height: 2.625rem;
  }

  .sidebar-link.w--current {
    border-bottom-color: var(--color--off-white);
    color: var(--color--off-white);
  }

  .sidebar-mobile-menu {
    color: var(--color--primary);
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .ovelray-grid {
    grid-template-columns: 1fr;
  }

  .overlay-nav.left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .overlay-nav-item {
    padding-right: .625rem;
    font-size: 5.25rem;
  }

  .overlay-nav-text.small {
    line-height: 1em;
  }

  .team-card {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-style-1 {
    font-size: 5.125rem;
  }

  .heading-style-2 {
    font-size: 4rem;
  }

  .heading-style-3 {
    font-size: 3.875rem;
  }

  .heading-style-3.lemon-milk {
    font-size: 2.25rem;
  }

  .heading-style-4 {
    font-size: 1.875rem;
  }

  .heading-style-4.animated {
    margin-left: 0;
    font-size: 2rem;
  }

  .hero-image.narrow {
    height: 50vh;
  }

  .hero-title-grid.top-align {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    padding-top: 8.5rem;
    padding-bottom: 0;
  }

  .hero-title-grid.about {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .hero-title-grid.events {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-title-left {
    margin-left: 0;
  }

  .hero-video {
    height: 12rem;
    left: 1rem;
  }

  .intro-image-grid.reverse {
    margin-top: 4rem;
  }

  .info-section {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }

  .info-section.faq {
    padding-bottom: 5rem;
  }

  .narrow-image {
    width: 100%;
  }

  .info-text-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .image-feature {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .image-feature-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1.25fr;
  }

  .menu-feature-box {
    width: 98vw;
  }

  .menu-feature-title {
    width: 24rem;
    height: 24rem;
  }

  .section-cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .card-footer, .footer-book-left, .sidebar-row.spaced, .sidebar-row.spaced {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .gallery-slider-container {
    width: 100%;
    position: absolute;
  }

  .slider {
    height: 0;
    padding-bottom: 100%;
  }

  .book-hero {
    padding-bottom: 1.5rem;
  }

  .book-title-image {
    width: 20vw;
    height: 20vw;
    top: auto;
    bottom: 0%;
    transform: rotate(7deg)translate(115%, 50%);
  }

  .book-hero-image {
    width: 30vw;
  }

  .menu-card {
    padding: 3rem 2rem;
  }

  .news-media {
    width: 16rem;
    height: 16rem;
  }

  .intro-grid-rows {
    grid-column-gap: 5.75rem;
    grid-row-gap: 5.75rem;
    flex-flow: column;
    display: flex;
  }

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

  .single-menu-halves {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .heading-hero {
    font-size: 3.875rem;
  }

  .text-style-h3 {
    font-size: 26px;
  }

  .right-menu-animated {
    max-width: none;
  }

  .bottom-our-story, .flex-paragrahs-our-story {
    max-width: 100%;
  }

  .top-text.animated {
    margin-left: 0;
  }

  .left-story-home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-our-story-home {
    grid-template-columns: auto;
    align-items: stretch;
  }

  .divider-main {
    margin-bottom: 2.5rem;
  }

  .divider-main.large {
    margin-bottom: 3.5rem;
  }

  .divider-main.formulaire {
    margin-bottom: 0;
  }

  .divider-main.top-large {
    margin-top: 3.5rem;
  }

  .divider-main.reverse {
    margin-top: 3rem;
  }

  .icon-menu {
    width: 100%;
    height: 24rem;
  }

  .icon-menu.hide-tablet {
    display: none;
  }

  .icon-menu.hide-desktop {
    width: 100%;
    height: 24rem;
    display: inline-flex;
  }

  .single-formules {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .formule-rich-text {
    margin-bottom: 0;
  }

  .bottom-our-story-2 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .instagram-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .headline-instagram {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .instagram-post {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 0;
  }

  .instagram-post.hide-tablet {
    display: none;
  }

  .title-wrapper-home {
    max-width: 28rem;
    padding-left: 8.5%;
  }

  .hero-title-grid-home.top-align {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .hero-section-home {
    min-height: 0;
  }

  .hero-section-home.hero-plain {
    min-height: 0;
  }

  .max-w-cta-title {
    width: 140%;
  }

  .limit-heading-story-long {
    margin-bottom: 1.5rem;
  }

  .paragraph-long-story {
    column-gap: 80px;
  }

  .grid-studio-gallery-first {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .image-studio-gallery-one {
    margin-bottom: 200px;
  }

  .flex-links-bottom-hero-home {
    grid-row-gap: 0px;
  }

  .work-writing-divider {
    display: none;
  }

  .container-d {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .work-writing-left {
    max-width: 475px;
    position: static;
  }

  .work-single-img-flex {
    grid-row-gap: 16px;
  }

  .single-banner-details-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .work-overview-info-grid {
    grid-column-gap: 16px;
  }

  .work-writing-wrap {
    margin-bottom: 80px;
  }

  .work-writing-right {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }

  .work-writing-img {
    border-radius: 10px;
    position: static;
  }

  .section-title-2 {
    letter-spacing: -2px;
    font-size: 40px;
    line-height: 120%;
  }

  .section-title-2.mb-40 {
    margin-bottom: 32px;
  }

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

  .work-overview-flex {
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .inner-banner-wrapper {
    margin-bottom: 0;
  }

  .inner-banner-wrapper.flex {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .sub-title {
    font-size: 14px;
    line-height: 142.857%;
  }

  .single-banner-details-wrapper {
    padding-bottom: 0;
  }

  .result-title-wrap {
    display: block;
  }

  .inner-banner-title {
    letter-spacing: -5px;
    margin-bottom: 80px;
  }

  .img-wrap {
    height: 26rem;
  }

  .section-hero.contact-2 {
    padding-bottom: 4rem;
  }

  .work-writing-flex {
    grid-row-gap: 60px;
    flex-flow: column;
    align-items: stretch;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .single-banner-details-flex {
    flex-flow: column;
  }

  .work-overview-date {
    margin-bottom: 32px;
  }

  .work-overview-wrap {
    max-width: 100%;
  }

  .single-banner-img {
    margin-bottom: 0;
  }

  .menu-cms-wrap {
    width: 100%;
  }

  .projects-home-items-wrapper {
    grid-row-gap: 40px;
  }

  .projects-home-items-wrapper-v1, .projects-home-items-wrapper-v2, .projects-home-items-wrapper-v3 {
    grid-column-gap: 14px;
  }

  .menu-image-wrap._002 {
    height: 24rem;
  }

  .menu-image-wrap._001 {
    height: 30rem;
  }

  .menu-image-wrap._006 {
    height: 26rem;
  }

  .activit-s-thirds {
    grid-template-columns: 1fr 1fr;
  }

  .filtre-radio-field {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .filtre-radio-label {
    font-size: .875rem;
  }

  .single-menus-animated {
    grid-column-gap: 1.5rem;
  }

  .icon-menus-animated {
    display: none;
  }

  .image-menus {
    width: 25vw;
    min-width: 8.5rem;
  }

  .heading-style-cta {
    letter-spacing: -.025rem;
    font-size: 4.5rem;
  }

  .heading-wrap-menus-home {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: space-between;
    place-items: start;
  }

  .menus-cms-wrap {
    flex-flow: column;
    width: 100%;
  }

  .hero-title-grid-menus.top-align {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .subtitle {
    font-size: 26px;
  }

  .section-4.hero-contact {
    padding-top: 140px;
  }

  .flex-booking-options-contact, .bottom-visit-us {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .success-message {
    width: 100%;
  }

  .from-contact {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .hero-heading-wrap {
    bottom: -3rem;
    left: 0;
    right: 0;
  }

  .slider_mask {
    width: 50%;
  }

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

  .heading-wrap-menus {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .accordion-title-menus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .accordion-title-menus:hover {
    padding-left: 0;
  }

  .content-row-hero-xs {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .heading-section {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .text-h3 {
    font-size: 3rem;
  }

  .section-6 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section-6.hero-soumission {
    padding-top: 8rem;
  }

  .checkbox-field-2 {
    text-align: left;
  }

  .max-width-40rem {
    display: flex;
  }

  .step-wrapper {
    width: 100%;
  }

  .form-checkbox-wrapper {
    min-width: 100%;
  }

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

  .block-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .flex-heading-menus {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .heading-wrap-menus-event {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3.5rem;
  }

  .nav-link-item:hover {
    color: #1a1aba;
  }

  .dropdowncontainer {
    color: #000;
  }

  .dropdown-innerlist {
    box-shadow: none;
    background-color: #0000;
  }

  .overlay-nav-medium-link {
    font-size: 1.375rem;
  }

  .form-grid-choice {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .menus-cms-wrap-label {
    flex-flow: column;
    width: 100%;
  }

  .f-summary-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .button-2 {
    font-size: 1rem;
  }

  .argument {
    min-height: 20rem;
    font-size: 1rem;
  }

  .argument._3rd.border {
    display: none;
  }

  .heading-style-h4 {
    font-size: 3rem;
  }

  .argument-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .column-intro.third-column, .column-intro.ssecond-column, .column-intro.third-column, .column-intro.ssecond-column {
    padding-top: 0;
  }

  .tile-intro {
    border-left: 1px solid var(--color--pale-peach);
    border-right-style: none;
    padding-left: 2.5rem;
    padding-right: 0;
  }

  .grid-scroll-intro {
    grid-template-columns: 1fr;
  }

  .top-intro {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .section-7.hero-gallery {
    padding-top: 140px;
  }

  .image-studio-gallery-one-2 {
    margin-bottom: 200px;
  }

  .grid-studio-gallery {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .image-studio-gallery-four {
    margin-bottom: 230px;
  }

  .grid-studio-gallery-first-3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .image-studio-gallery-one-3 {
    margin-bottom: 200px;
  }

  .text-intro {
    font-size: 2.125rem;
  }

  .container-about-hero.hero-events {
    padding-left: 1rem;
  }

  .hide-mobile {
    display: none;
  }

  .grid-comment-ca-marche {
    grid-template-columns: auto;
    align-items: stretch;
  }

  .left-comment-ca-marche {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.0625rem;
  }

  h1 {
    font-size: 4rem;
  }

  h2 {
    font-size: 3rem;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  p {
    letter-spacing: 0;
    font-size: 1.0625rem;
    font-weight: 300;
    line-height: 1.6em;
  }

  figcaption {
    opacity: .58;
    letter-spacing: .1375rem;
    text-transform: uppercase;
    margin-top: .5rem;
    font-size: .75rem;
    line-height: 1.4em;
  }

  .navabar {
    height: 4rem;
  }

  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .navbar-content {
    grid-template-columns: 1fr 1.5fr;
    height: 4rem;
  }

  .nav-menu {
    justify-content: flex-end;
    align-items: center;
  }

  .menu-link {
    justify-content: center;
    align-items: flex-end;
    width: 2.5rem;
    height: 3.25rem;
  }

  .menu-link:hover {
    background-color: #fff0;
  }

  .navbar-right {
    display: flex;
  }

  .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.size-l {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .section.size-xl {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .section.intro-section {
    padding-top: 3rem;
  }

  .section.about-intro-images {
    display: none;
  }

  .section.home-intro {
    padding-bottom: 3rem;
  }

  .section.hero-menus {
    padding-top: 7.5rem;
  }

  .footer-columns {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    padding-top: 3rem;
  }

  .text-small {
    margin-bottom: 0;
    font-size: .875rem;
  }

  .text-small.muted {
    order: 9999;
  }

  .display-text {
    font-size: 4rem;
  }

  .styleguide-row {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .text-quote {
    font-size: 2rem;
  }

  .text-large {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .terms-container {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .terms-row {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
  }

  .hero-section {
    min-height: 100vh;
    padding-top: 4rem;
    padding-bottom: 2.5rem;
  }

  .hero-section.utility {
    padding-top: 5rem;
  }

  .hero-content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .intro-rows {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .discover-rows {
    grid-row-gap: 2.5rem;
  }

  .page-card {
    padding: 1.5rem;
  }

  .card-media {
    border-radius: .125rem;
    padding-bottom: 30%;
  }

  .card-text {
    width: 100%;
  }

  .callout {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    padding: 0;
  }

  .callout-media {
    width: 100%;
    height: 10rem;
    padding-bottom: 0%;
    padding-right: 0%;
  }

  .callout-text {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding: 1.5rem;
  }

  .container-xs.team {
    max-width: 24rem;
  }

  .container-xs.hero-events {
    padding-left: 0;
  }

  .play-button {
    width: 2.5rem;
    height: 2.5rem;
  }

  .next-grid {
    grid-template-columns: 1fr;
  }

  .promo-row {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

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

  .grid-2-col {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .grid-2-col.md-gap-xl {
    grid-column-gap: 5.75rem;
    grid-row-gap: 5.75rem;
  }

  .grid-2-col.localisation {
    grid-template-columns: 1fr;
  }

  .content-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .content-left, .content-row {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .accordion-title {
    padding: .75rem 1.5rem;
    font-size: 1.0625rem;
    font-weight: 400;
  }

  .accordion-title:hover {
    padding-left: 1.5rem;
  }

  .accordion-title.title-xs:hover {
    padding-left: 0;
  }

  .accordion-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .richtext blockquote {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 2rem;
  }

  .richtext ol {
    padding-left: 1.3125rem;
  }

  .sidebar-nav {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .sidebar-link.w--current {
    color: var(--color--black);
  }

  .ovelray-menu-container {
    overflow: scroll;
  }

  .ovelray-grid {
    grid-template-columns: 1fr;
    padding-bottom: 1.5rem;
  }

  .overlay-nav.left {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .overlay-nav-item {
    font-size: 3.25rem;
  }

  .overlay-nav-text {
    letter-spacing: -.0625rem;
  }

  .overlay-info {
    text-align: left;
    align-items: flex-start;
  }

  .form-input {
    font-size: 1rem;
  }

  .cms-category-collection-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .team-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }

  .team-card-image {
    width: 6.25rem;
    height: 6.25rem;
  }

  .team-card-info {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .team-card-bio {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .icon-button {
    width: 3.5rem;
    height: 3.5rem;
  }

  .icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  .profile-thumbnail {
    width: 7.5rem;
    height: 7.5rem;
  }

  .styleguide-colours {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .heading-style-1 {
    margin-left: 0;
    font-size: 3.25rem;
  }

  .heading-style-2 {
    font-size: 3rem;
  }

  .heading-style-3 {
    font-size: 2.75rem;
  }

  .heading-style-3.lemon-milk {
    font-size: 2rem;
  }

  .heading-style-4 {
    font-size: 1.675rem;
  }

  .heading-style-4.animated {
    font-size: 1.875rem;
  }

  .heading-style-5 {
    font-size: 1.75rem;
  }

  .heading-style-5.lemon-milk {
    font-size: 1.375rem;
  }

  .heading-style-6 {
    font-size: 1.125rem;
  }

  .news-category-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .hero-image {
    width: 100vw;
    height: 100%;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-bottom: 79%;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .hero-image.narrow {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0%;
  }

  .hero-title-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-title-grid.top-align {
    padding-top: 7.5rem;
  }

  .hero-title-grid.about {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .hero-title-grid.events {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .title-wrapper.about-hero {
    width: auto;
    display: block;
  }

  .hero-video {
    width: 14rem;
    height: 10rem;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .intro-image-grid.reverse {
    margin-top: 3rem;
  }

  .info-section {
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .info-section.faq {
    padding-bottom: 4rem;
  }

  .info-section.home {
    padding-bottom: 5rem;
  }

  .micro-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .micro-title-grid {
    align-items: center;
  }

  .narrow-image {
    min-height: 24rem;
    max-height: 24rem;
  }

  .info-text-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .nav-cta {
    display: none;
    overflow: visible;
  }

  .image-feature {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .image-feature-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .menu-feature-box {
    border-radius: var(--radius);
    width: 96vw;
    height: 90%;
  }

  .menu-feature-title {
    width: 22rem;
    height: 22rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .menu-feature-border {
    border-radius: var(--radius);
    width: 92%;
    left: 4%;
  }

  .section-cta {
    padding-top: 3rem;
  }

  .card-footer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .footer-book {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .footer-book-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-book-left {
    width: 100%;
  }

  .square-image-xs {
    width: 10rem;
    height: 10rem;
  }

  .menu-item {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .menu-item.first {
    border-top-style: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .menu-item-title {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .book-hero {
    padding-top: 12rem;
  }

  .book-hero-image {
    width: 30vw;
    height: 20vw;
  }

  .content-group {
    align-self: stretch;
  }

  .tag {
    height: 2.75rem;
  }

  .menu-card {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    padding: 2rem 1.5rem;
  }

  .news-media {
    width: 100%;
    height: 15rem;
  }

  .news-meta {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .news-pagination {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .article-sidebar {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .intro-grid-rows {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .article-sidebar-title {
    order: -1;
  }

  .article-sidebar-back-link {
    display: none;
  }

  .section-title {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .cms-back {
    width: 100%;
    padding-left: 1.5rem;
  }

  .image-menu-wide {
    object-fit: cover;
    min-height: 7.5rem;
  }

  .gird-menu-halves {
    grid-template-columns: 1fr;
  }

  .single-menu-halves {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .heading-hero {
    font-size: 8vw;
  }

  .single-menu-animated {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .slide-our-story {
    height: 24rem;
  }

  .flex-paragrahs-our-story {
    flex-flow: column;
  }

  .master-top-text.mg-bottom {
    margin-bottom: 2rem;
  }

  .divider-main.top-small {
    margin-top: 2.5rem;
  }

  .single-formules {
    flex-flow: column;
    justify-content: flex-start;
  }

  .formule-rich-text {
    margin-bottom: 0;
    font-size: .875rem;
  }

  .bottom-our-story-2 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .single-menu-animated-home {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .instagram-grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .section-2.instagram-section {
    padding-top: 0;
  }

  .headline-instagram {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .instagram-post {
    min-height: 140px;
  }

  .title-wrapper-home {
    max-width: 60%;
    padding-left: 0;
  }

  .hero-title-grid-home {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 4rem;
  }

  .hero-image-home {
    height: 100%;
    padding-bottom: 28.5rem;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .hero-image-home.narrow {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .hero-section-home {
    min-height: 100vh;
    padding-top: 4rem;
  }

  .hero-section-home.hero-plain {
    padding-top: 5rem;
  }

  .max-w-cta-title {
    width: 100%;
  }

  .limit-heading-story-long {
    margin-bottom: 0;
  }

  .paragraph-long-story {
    column-count: 1;
  }

  .grid-studio-gallery-first {
    grid-template-columns: 1fr;
  }

  .image-studio-gallery-one {
    margin-bottom: 110px;
  }

  .image-studio-gallery-three {
    width: 80%;
    margin-left: auto;
  }

  .flex-links-bottom-hero-home {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .container-d {
    padding-left: 15px;
    padding-right: 15px;
  }

  .work-single-img-flex {
    grid-row-gap: 8px;
  }

  .single-banner-details-wrap {
    max-width: 100%;
  }

  .work-overview-info-grid {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 196px;
  }

  .work-writing-wrap {
    margin-bottom: 60px;
  }

  .work-writing-right {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .work-writing-img {
    object-fit: cover;
    height: 100%;
    max-height: 351px;
  }

  .section-title-2 {
    letter-spacing: -1.6px;
    font-size: 32px;
    line-height: 125%;
  }

  .section-title-2.mb-40 {
    margin-bottom: 24px;
  }

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

  .section-3.work-overview {
    padding-top: 64px;
  }

  .work-overview-info-text {
    font-size: 14px;
  }

  .inner-banner-wrapper.flex {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .sub-title.mb-32 {
    margin-bottom: 24px;
  }

  .result-title-wrap {
    margin-bottom: 60px;
  }

  .inner-banner-title {
    letter-spacing: -3px;
    margin-bottom: 32px;
  }

  .work-overview-info-label {
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 133.333%;
  }

  .img-wrap {
    height: 20rem;
  }

  .section-hero {
    padding-top: 7.5rem;
  }

  .section-hero.contact-2 {
    padding-bottom: 3rem;
  }

  .work-writing-flex {
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .work-overview-date {
    letter-spacing: -.18px;
    font-size: 18px;
  }

  .work-overview-wrap {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .single-banner-img {
    object-fit: cover;
    height: 100%;
    min-height: 461px;
  }

  .heading-wrap-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .projects-home-items-wrapper {
    grid-row-gap: 32px;
    margin-top: 32px;
  }

  .projects-home-items-wrapper-v1 {
    grid-row-gap: 32px;
    grid-template-columns: 1.5fr;
  }

  .projects-home-items-wrapper-v2, .projects-home-items-wrapper-v3 {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .empty-state {
    font-size: 1rem;
  }

  .menu-image-wrap._002, .menu-image-wrap._001, .menu-image-wrap._003, .menu-image-wrap._005, .menu-image-wrap._004, .menu-image-wrap._006, .menu-image-wrap._002, .menu-image-wrap._001, .menu-image-wrap._003, .menu-image-wrap._005, .menu-image-wrap._004, .menu-image-wrap._006 {
    height: 22rem;
  }

  .filter-wrapper {
    flex-flow: wrap;
  }

  .headline-related {
    margin-bottom: 1.5rem;
  }

  .main-container-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .menu-rows {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .single-menus-animated {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menus-item-animated {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    width: 100%;
  }

  .icon-menus-animated {
    display: none;
  }

  .image-menus {
    width: 100%;
    min-width: auto;
    height: 14rem;
  }

  .heading-style-cta {
    font-size: 4rem;
  }

  .hero-title-grid-menus {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .info-text-flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .subtitle {
    font-size: 24px;
  }

  .right-contact-form {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-top: 1px solid var(--color--pale-peach);
    width: 100%;
    padding-top: 2.5rem;
  }

  .grid-contact-master {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .left-contact-big {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-right-style: none;
  }

  .success-message {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-heading-wrap {
    position: absolute;
    bottom: -2.5rem;
    left: 0;
    right: 1rem;
  }

  .slider-card_bottom {
    width: auto;
    margin-top: 1rem;
  }

  .slider_mask {
    width: auto;
  }

  .slider_arrow:hover {
    background-color: #fff;
  }

  .slider_arrow.left {
    right: 3rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .slider_slide {
    width: auto;
  }

  .slider-card {
    align-items: flex-start;
    width: auto;
    min-height: 16rem;
    display: inline-block;
  }

  .slider-card_top {
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    display: flex;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .slider-2 {
    margin-top: 3rem;
  }

  .heading-wrap-menus {
    margin-bottom: 2.5rem;
  }

  .accordion-title-menus {
    font-size: 1.0625rem;
    font-weight: 400;
  }

  .accordion-title-menus.title-xs:hover {
    padding-left: 0;
  }

  .accordion-title-menus.v2 {
    grid-template-columns: 1fr minmax(1.5rem, 1.5rem);
  }

  .form-field-top {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-section {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .text-h3 {
    font-size: 3rem;
  }

  .section-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .checkbox-field-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .step-wrapper, .step-wrapper.hero, .step-wrapper.hero {
    padding: 2rem 1.5rem;
  }

  .text-h5 {
    font-size: 2.7rem;
  }

  .error-message {
    width: 100%;
  }

  .fixed-button-wrapper {
    bottom: 2rem;
    right: 2rem;
  }

  .container-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-wrap-menus-event {
    margin-bottom: 2.5rem;
  }

  .nav-link-item.is-main-link {
    font-size: 1.675rem;
  }

  .dropdowncontainer {
    display: none;
  }

  .dropdown-innerlist {
    max-width: 100%;
  }

  .overlay-nav-medium-link {
    font-size: 1.2rem;
  }

  .formules-text-wrap {
    padding: 1.5rem 1rem;
  }

  .f-summary-list {
    grid-column-gap: 1rem;
  }

  .button-2.blanc._2 {
    text-align: center;
    text-align: center;
    text-align: center;
  }

  .argument {
    width: 100%;
    min-height: 18rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .heading-style-h4 {
    font-size: 2.6rem;
  }

  .argument-wrapper {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .column-intro.ssecond-column {
    padding-top: 0;
  }

  .tile-intro {
    border-left: 1px solid #e6e0c64d;
    border-right-style: none;
    padding-left: 44px;
    padding-right: 0;
  }

  .image-wide-studio-gallery {
    margin-top: 80px;
    margin-bottom: 90px;
  }

  .grid-studio-gallery-last {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .image-studio-gallery-three-2 {
    width: 80%;
    margin-left: auto;
  }

  .image-studio-gallery-one-2 {
    margin-bottom: 110px;
  }

  .grid-studio-gallery, .grid-studio-gallery-first-3 {
    grid-template-columns: 1fr;
  }

  .image-studio-gallery-one-3 {
    margin-bottom: 110px;
  }

  .grid-item {
    width: 45%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .grid-item.medium {
    width: 45%;
  }

  .grid-item.large {
    width: 45%;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-item.align-center {
    align-self: auto;
  }

  .text-intro {
    font-size: 2rem;
  }

  .container-about-hero.team {
    max-width: 24rem;
  }

  .container-about-hero.hero-events {
    padding-left: 0;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4em;
    overflow: visible;
  }

  h1 {
    font-size: 3.25rem;
  }

  h4 {
    line-height: 1.2em;
  }

  p {
    font-size: 1rem;
    line-height: 1.4em;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu-link {
    width: 2.5rem;
  }

  .page-wrapper {
    overflow: visible;
  }

  .footer-columns {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .vertical-links {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .text-small p {
    font-size: .875rem;
  }

  .hover-link {
    font-size: .8125rem;
  }

  .display-text {
    font-size: 3.5rem;
  }

  .text-quote {
    font-size: 1.5rem;
  }

  .text-large {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }

  .footer-terms {
    padding-top: 1.5rem;
  }

  .jumbo-text {
    margin-bottom: 0;
    margin-left: -.25rem;
    line-height: 20vw;
  }

  .hero-content {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .intro-rows {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .page-card {
    padding: 1rem;
  }

  .card-media {
    padding-bottom: 50%;
  }

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

  .callout-text {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 1rem 1rem 1.5rem;
  }

  .play-button.large {
    width: 5.75rem;
    height: 5.75rem;
  }

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

  .grid-2-col.md-gap-xl {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

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

  .accordion-title {
    grid-template-columns: 5rem 1fr;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .richtext blockquote {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
    line-height: 1.4em;
  }

  .richtext ol {
    padding-left: 1.0625rem;
  }

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

  .sidebar-link {
    letter-spacing: -.0625rem;
    font-size: 1.5rem;
  }

  .video-section {
    padding-bottom: 94.5%;
  }

  .overlay-nav-item {
    font-size: 2.625rem;
  }

  .overlay-nav-text.small {
    font-size: 1rem;
  }

  .cms-category-collection-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .team-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    place-items: center start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .team-card-info {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
  }

  .team-card-title {
    text-align: center;
    justify-content: space-between;
    align-items: flex-start;
  }

  .team-card-bio {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-button {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
  }

  .styleguide-colours {
    grid-template-columns: 1fr;
  }

  .styleguide-colour-hex {
    height: 7.5rem;
  }

  .heading-style-2.lemon-milk {
    font-size: 2.25rem;
  }

  .heading-style-4.animated {
    font-size: 1.5rem;
  }

  .hero-image {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-bottom: 100%;
  }

  .hero-title-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-title-left {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .hero-video {
    width: 11.25rem;
    height: 7.5rem;
    display: none;
    left: 1rem;
  }

  .intro-image-grid {
    grid-template-columns: 1fr;
  }

  .narrow-image {
    min-height: 20rem;
    max-height: 20rem;
  }

  .narrow-image.hide-m {
    display: none;
  }

  .menu-feature-box {
    height: 30rem;
  }

  .menu-feature-title {
    width: 17.5rem;
    height: 17.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl-title {
    padding-top: 1.5rem;
    padding-bottom: 0;
  }

  .card-footer {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .book-hero {
    padding-bottom: .5rem;
  }

  .tag {
    letter-spacing: 0;
    height: 2.25rem;
    font-size: .875rem;
  }

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

  .news-collection-list {
    grid-row-gap: 3rem;
  }

  .article-image {
    height: 20rem;
  }

  .overlay-nav-right {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .overlay-nav-extra {
    margin-left: 0;
  }

  .overlay-nav-small-link {
    color: var(--color--pale-peach);
  }

  .overlay-small-menu {
    grid-column-gap: 1.25rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .intro-grid-image-xs {
    width: 55vw;
  }

  .intro-grid-image-xs.hide-mobile, .intro-grid-image-xs.hide-mobile-s, .intro-grid-image-xs.hide-mobile, .intro-grid-image-xs.hide-mobile-s {
    display: none;
  }

  .intro-grid-rows {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cms-back {
    padding-left: 1rem;
  }

  .main-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-menu-wide {
    min-height: 3.25rem;
    margin-bottom: 2.5rem;
  }

  .heading-hero {
    font-size: 3rem;
  }

  .text-style-h3 {
    font-size: 24px;
  }

  .slide-our-story {
    height: 20rem;
  }

  .flex-paragrahs-our-story {
    flex-flow: column;
  }

  .top-text {
    font-size: .75rem;
  }

  .master-top-text.mg-bottom {
    margin-bottom: 1.5rem;
  }

  .icon-menu {
    height: 20rem;
  }

  .left-story-home-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .instagram-grid {
    grid-template-columns: 1fr 1fr;
  }

  .headline-instagram {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .instagram-post-thumbnail {
    width: 100%;
  }

  .instagram-post {
    width: 100%;
    min-height: 120px;
  }

  .instagram-post.hide-tablet.show-mobile {
    display: flex;
  }

  .title-wrapper-home {
    max-width: 80%;
  }

  .hero-title-grid-home {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4.5rem;
  }

  .hero-image-home {
    padding-bottom: 26rem;
  }

  .hero-image-home.narrow {
    height: 20rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .main-container-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .left-studio-gallery-first {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-studio-gallery-one {
    width: 100%;
  }

  .image-studio-gallery-two {
    width: 90%;
    margin-left: 0;
  }

  .flex-links-bottom-hero-home {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .button-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .empty-state {
    font-size: .87rem;
  }

  .label {
    font-size: .75rem;
    line-height: .75rem;
  }

  .activit-s-thirds {
    grid-template-columns: 1fr;
  }

  .main-container-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .filtre-radio-field.is-active {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .text-h4-2 {
    font-size: 1.5rem;
  }

  .menu-rows {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .menus-item-animated {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .image-menus {
    width: 16rem;
  }

  .heading-style-cta {
    font-size: 3.5rem;
  }

  .hero-title-grid-menus {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .info-text-flex {
    flex-flow: column;
  }

  .subtitle {
    font-size: 22px;
  }

  .main-container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-contact-form {
    grid-template-columns: 1fr;
  }

  .section-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-heading-wrap {
    bottom: -5rem;
  }

  .slider_mask {
    width: 95%;
  }

  .slider-card {
    min-height: 18rem;
    padding: 1.75rem;
  }

  .slider_navigation {
    right: 7rem;
  }

  .slider-2 {
    margin-top: 0;
    padding-bottom: 4rem;
  }

  .heading-section {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .text-h3 {
    font-size: 3.2rem;
  }

  .divider-line-2 {
    width: 100%;
  }

  .f-form-input {
    padding-top: .45rem;
    padding-bottom: .45rem;
    font-size: .875rem;
  }

  .f-form-input:focus-visible, .f-form-input[data-wf-focus-visible] {
    font-size: .875rem;
  }

  .text-h5 {
    font-size: 2rem;
  }

  .fixed-button-wrapper {
    bottom: 1rem;
    right: 1rem;
  }

  .container-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-h2 {
    font-size: 3.8rem;
  }

  .block-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .flex-heading-menus {
    grid-column-gap: .875rem;
    grid-row-gap: .875rem;
  }

  .nav-link-item.is-main-link {
    font-size: 1.5rem;
  }

  .overlay-nav-medium-link {
    color: var(--color--pale-peach);
    font-size: 1rem;
  }

  .form-grid-choice {
    grid-template-columns: minmax(4.5rem, .5fr) 1fr 1fr;
  }

  .f-summary-text {
    font-size: .875rem;
  }

  .f-summary-list {
    grid-template-columns: 1fr;
  }

  .argument {
    width: 100%;
    min-height: 18rem;
  }

  .heading-style-h4.text-color-white {
    text-align: left;
    text-align: left;
  }

  .tile-intro {
    padding-left: 24px;
  }

  .image-studio-gallery-two-2 {
    width: 90%;
    margin-left: 0;
  }

  .grid-studio-gallery-last {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.1fr;
  }

  .image-studio-gallery-six {
    margin-top: 40px;
    margin-left: auto;
    margin-right: 0;
  }

  .main-container-6 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-7 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-studio-gallery-one-2 {
    width: 100%;
  }

  .image-studio-gallery-four {
    width: 80%;
    margin-bottom: 100px;
  }

  .image-studio-gallery-one-3, .grid-item, .grid-item.medium, .grid-item.large, .grid-item.medium, .grid-item.large {
    width: 100%;
  }

  .text-intro {
    font-size: 1.5rem;
  }
}

#w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1855-474f1823, #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1834-474f1823, #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1845-474f1823, #w-node-_2b7c344b-a64f-2f7e-7bc4-0754b6e9ee89-474f1823, #w-node-bbb02fe9-807e-bef6-3e0e-4be5692f4af9-692f4ae8, #w-node-dda38eb9-aedd-9514-0205-cc669381b9b0-692f4ae8, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a3-fc6c99a0, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a4-fc6c99a0, #w-node-_8988c782-05ec-c465-004b-259cfc6c99aa-fc6c99a0, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a6-fc6c99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8988c782-05ec-c465-004b-259cfc6c99c0-fc6c99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end start;
}

#w-node-_4aa58e8d-7d87-da51-dae8-58cd4aea190a-fc6c99a0 {
  place-self: end stretch;
}

#w-node-_8988c782-05ec-c465-004b-259cfc6c99b3-fc6c99a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_4aa58e8d-7d87-da51-dae8-58cd4aea190a-fc6c99a0 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1845-474f1823, #w-node-_2b7c344b-a64f-2f7e-7bc4-0754b6e9ee89-474f1823 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8988c782-05ec-c465-004b-259cfc6c99aa-fc6c99a0, #w-node-_8988c782-05ec-c465-004b-259cfc6c99a6-fc6c99a0 {
    justify-self: end;
  }

  #w-node-_8988c782-05ec-c465-004b-259cfc6c99c0-fc6c99a0 {
    justify-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c82600e7-2ef8-c002-4dd9-d6d0474f1845-474f1823, #w-node-_2b7c344b-a64f-2f7e-7bc4-0754b6e9ee89-474f1823 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}