@font-face {
  font-family: "RhodeMediumWide";
  src: url("../font/Rhode-Medium-Wide.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Regular.woff") format("woff");
}
/* line 11, ../sass/style.scss */
html {
  width: 100%;
  height: 100%;
}
/* line 15, ../sass/style.scss */
html body.wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  position: relative;
}
/* line 21, ../sass/style.scss */
html body.wrapper iframe {
  border: 0;
  pointer-events: none;
}
/* line 26, ../sass/style.scss */
html body.wrapper .background-video {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
/* line 32, ../sass/style.scss */
html body.wrapper .background-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 16 / 9) {
  /* line 32, ../sass/style.scss */
  html body.wrapper .background-video iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16 / 9) {
  /* line 32, ../sass/style.scss */
  html body.wrapper .background-video iframe {
    width: 177.78vh;
  }
}
/* line 50, ../sass/style.scss */
html body.wrapper .content-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}
/* line 60, ../sass/style.scss */
html body.wrapper .content-container .left {
  display: none;
}
@media (min-width: 1200px) {
  /* line 60, ../sass/style.scss */
  html body.wrapper .content-container .left {
    display: block;
    width: 25%;
    height: 100%;
    margin: 0;
    text-align: right;
  }
  /* line 70, ../sass/style.scss */
  html body.wrapper .content-container .left .inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  /* line 77, ../sass/style.scss */
  html body.wrapper .content-container .left .inner img {
    width: 90%;
    margin-left: 5%;
    height: auto;
  }
}
/* line 86, ../sass/style.scss */
html body.wrapper .content-container .middle {
  width: 50%;
  height: 100%;
  margin: 0;
  text-align: right;
}
@media (min-width: 1200px) {
  /* line 86, ../sass/style.scss */
  html body.wrapper .content-container .middle {
    width: 25%;
  }
}
/* line 97, ../sass/style.scss */
html body.wrapper .content-container .right {
  width: 50%;
  height: 100%;
  margin: 0;
  text-align: left;
  display: flex;
  align-items: center;
}
/* line 106, ../sass/style.scss */
html body.wrapper .content-container .right .right-inner .doxa-logo-mobile {
  display: none;
}
@media (max-width: 1199px) {
  /* line 106, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner .doxa-logo-mobile {
    display: block;
    max-width: 46vw;
    margin-left: 2vw;
    margin-bottom: 20px;
  }
}
/* line 116, ../sass/style.scss */
html body.wrapper .content-container .right .right-inner h2 {
  font-size: 40px;
  font-weight: 900;
  color: #ffffff;
  text-align: left;
  line-height: 81px;
  width: fit-content;
  letter-spacing: 0em;
  font-family: RhodeMediumWide, sans-serif;
  font-style: normal;
  transition: color .2s ease-in-out;
  text-transform: uppercase;
  margin-top: 0;
}
/* line 129, ../sass/style.scss */
html body.wrapper .content-container .right .right-inner h2.desktop {
  display: block;
}
/* line 132, ../sass/style.scss */
html body.wrapper .content-container .right .right-inner h2.mobile {
  display: none;
}
@media (max-width: 1500px) and (min-width: 901px) {
  /* line 116, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2 {
    font-size: 30px;
    line-height: 60px;
  }
}
@media (max-width: 1130px) and (min-width: 651px) {
  /* line 116, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2 {
    font-size: 20px;
    line-height: 40px;
  }
  /* line 143, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2.desktop {
    display: none;
  }
  /* line 146, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2.mobile {
    display: block;
  }
}
@media (max-width: 650px) {
  /* line 116, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2 {
    font-size: 15px;
    line-height: 30px;
  }
  /* line 153, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2.desktop {
    display: none;
  }
  /* line 156, ../sass/style.scss */
  html body.wrapper .content-container .right .right-inner h2.mobile {
    display: block;
    hyphens: auto;
  }
}
/* line 162, ../sass/style.scss */
html body.wrapper .content-container .right .right-inner a.button {
  color: #ffffff;
  border: 2px solid #bb4d19;
  margin: 8px;
  font-weight: 600;
  font-family: Montserrat, sans-serif;
  line-height: normal;
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 1;
  -webkit-tap-highlight-color: initial;
  text-decoration: none;
  background-color: #ff671f;
}