:root {
  --silver: #c5bdb0;
  --grey: #938a79;
}

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

.grid {
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.body {
  background-color: var(--silver);
  overflow: hidden;
}

.paragraph {
  color: #fff;
  letter-spacing: .1px;
  font-family: Suisseintl webs, sans-serif;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 1.15em;
}

.paragraph.link {
  border-bottom: 1.3px solid rgba(255, 255, 255, 0);
  padding-bottom: 2px;
  text-decoration: none;
  transition: border-color .2s;
  display: inline-block;
}

.paragraph.link:hover {
  opacity: 1;
  border-bottom-color: #fff;
}

.logo-wrap {
  width: 50vw;
  height: 18.5vw;
  margin: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-video {
  z-index: -1;
  height: 100vh;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video {
  height: 100vh;
}

.video-wrap {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.embed {
  z-index: -1;
}

.background-video-2 {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

@media screen and (min-width: 1440px) {
  .text-wrap {
    width: 380px;
  }

  .paragraph {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .paragraph {
    font-size: 2.5vw;
  }

  .logo-wrap {
    width: 100vw;
    height: 37vw;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .paragraph {
    font-size: 2.6vw;
  }
}

@media screen and (max-width: 479px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .paragraph {
    font-size: 5vw;
  }

  .logo-wrap {
    width: 100vw;
    height: 33vw;
    margin-bottom: 14px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

#w-node-_1c291270-3fc4-d135-00de-2384e5783cf4-947f435f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d55cc867-1cc9-25a5-f64d-35589eb72b29-947f435f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_159b293e-1268-aae0-5321-610017eb04ec-947f435f {
  grid-area: 1 / 4 / 2 / 5;
}

@media screen and (max-width: 991px) {
  #w-node-_1c291270-3fc4-d135-00de-2384e5783cf4-947f435f {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d55cc867-1cc9-25a5-f64d-35589eb72b29-947f435f {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_159b293e-1268-aae0-5321-610017eb04ec-947f435f {
    grid-area: 3 / 2 / 4 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1c291270-3fc4-d135-00de-2384e5783cf4-947f435f {
    grid-column: 1 / 2;
  }

  #w-node-d55cc867-1cc9-25a5-f64d-35589eb72b29-947f435f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_159b293e-1268-aae0-5321-610017eb04ec-947f435f {
    grid-area: 3 / 1 / 4 / 2;
  }
}


@font-face {
  font-family: 'Suisseintl webs';
  src: url('../fonts/SuisseIntl-SemiBold-WebS.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisseintl webm';
  src: url('../fonts/SuisseIntl-SemiBold-WebM.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}