/*
* Units
*/
/*
* Quick pseudoclass
*/
/*
* Position absolute
*/
/*
* Custom scrollbar
*/
/*
* Fluid Typography.
*/
/*
* Truncates
*/
/*
* No mobile hover
*
* how to use:
    @include hover() {
        opacity: 0.5;
    }
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
.handwritten, .handwritten * {
  font-family: "Nothing You Could Do";
}

.block-youtube-video {
  display: block;
  position: relative;
  padding: 50px 0 100px;
}
@media (max-width: 767.98px) {
  .block-youtube-video {
    padding: 0 0 70px;
  }
}
.block-youtube-video .youtube-player {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.block-youtube-video .youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.block-youtube-video .block-youtube-video-title {
  font-size: 50px;
  font-size: calc(30px + (50 - 30) * (100vw - 767px) / (1920 - 767));
  font-weight: 500;
  color: white;
}
@media screen and (max-width: 767px) {
  .block-youtube-video .block-youtube-video-title {
    font-size: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .block-youtube-video .block-youtube-video-title {
    font-size: 50px;
  }
}

/*# sourceMappingURL=block_youtube-video.css.map*/