.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.body {
  max-height: 100vh;
  background-color: #0f1010;
  background-image: url('../images/shwdwn-spot-1.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section {
  display: block;
  width: 100vw;
  height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section-2 {
  width: 100vw;
  height: 0vh;
  background-color: #fff;
}

.container {
  position: relative;
  display: -ms-grid;
  display: grid;
  max-width: 100vw;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-areas: "Area Area-2";
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image {
  max-width: 140px;
}

.container-2 {
  margin-top: 0px;
  padding-top: 25px;
}

.button {
  display: block;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: #ff6806;
  font-family: Druktextwide, sans-serif;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  text-align: center;
}

.container-3 {
  position: relative;
  padding-top: 60px;
}

.grid {
  margin-top: 25px;
  margin-right: 25px;
  margin-left: 25px;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-areas: "Area Area-2";
  -ms-grid-columns: 1fr 0.5fr;
  grid-template-columns: 1fr 0.5fr;
}

.paragraph {
  font-family: Druktextwide, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
}

.container-4 {
  position: absolute;
  left: 0%;
  top: 45%;
  right: 0%;
  bottom: 0%;
  display: block;
  height: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.container-5 {
  position: relative;
  margin-top: 45px;
}

.image-2 {
  position: absolute;
  width: 100vw;
  height: 100vh;
}

.image-3 {
  position: absolute;
  width: 100vw;
  height: 100vh;
  -o-object-fit: fill;
  object-fit: fill;
}

.div-block {
  position: absolute;
  display: block;
  width: 100vw;
  height: 100vh;
  background-image: url('../images/shwdwn-spot-1.png');
  background-position: 0% 100%;
  background-size: cover;
}

.button-2 {
  display: inline-block;
  margin-left: auto;
  border-radius: 1.75rem;
  background-image: linear-gradient(93.67deg, #ff400c, #fe9200);
  font-family: Gilroy, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

@media screen and (max-width: 991px) {
  .container-4 {
    margin-top: 100px;
  }

  .image-3 {
    -o-object-fit: fill;
    object-fit: fill;
  }

  .container-6 {
    position: fixed;
    height: 100vh;
  }

  .div-block {
    background-position: 0% 100%;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .body {
    background-position: 50% 50%;
  }

  .section {
    height: 100vh;
  }

  .container-4 {
    padding-right: 25px;
    padding-left: 25px;
  }

  .div-block {
    background-position: 0% 100%;
  }
}

@media screen and (max-width: 479px) {
  .button {
    max-width: 200px;
    font-size: 16px;
    line-height: 30px;
  }

  .div-block {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}

#w-node-_415de99c-c1dd-a57d-9740-76750e8359a3-8843bfe9 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Area;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

.grid>#w-node-_415de99c-c1dd-a57d-9740-76750e8359a3-8843bfe9 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#w-node-_83f5c7ad-f541-c08e-3c9d-f51718419a84-8843bfe9 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: Area-2;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: center;
  align-self: center;
}

.grid>#w-node-_83f5c7ad-f541-c08e-3c9d-f51718419a84-8843bfe9 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

@font-face {
  font-family: 'Druktextwide';
  src: url('../fonts/DrukTextWide-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Radomir-Tinkov---Gilroy-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}