/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/blocks/video.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.video {
  min-height: 100vh;
}
.video__play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .video {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .video__box {
    margin-bottom: 15%;
    max-width: 850px;
  }
  .video__title {
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .video {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .video {
    font-size: 30px;
  }
  .video__title {
    font-size: 70px;
  }
}
@media (max-width: 991.98px) {
  .video__box {
    margin-bottom: 35%;
  }
  .video__title {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .video {
    font-size: 18px;
  }
}