.filled-bg--index__img {
  position: absolute;
  top: -65px;
  right: -300px;
  width: 850px;
}

.header__seal {
  position: absolute; 
  top: 70px; 
  left: 10px; 
}

@media (min-width: 992px) and (max-width: 1199px) {
  .filled-bg--index__img {
    top: 0;
    right: -145px;
    width: 570px;
  }

    .filled-bg--index__img .bg-img {

        width: 500px;

    }
}

@media (min-width: 768px) and (max-width: 991px) {
  .filled-bg--index__img {
    top: 0;
    right: -145px;
    width: 530px;
  }

    .filled-bg--index__img .bg-img {

        width: 580px;

    }
}

@media (max-width: 767px) {
  .filled-bg--index__img {
    position: inherit;
    float: left;
    margin-top: 30px;
    padding: 0 15px;
    width: 100%;
  }
  .filled-bg--index {
    height: auto;
    padding-bottom: 0px;
  }
}

.asterisk-head {
  font-size: 36px;
  margin-top: 10px;
  line-height: 36px;
  color: black;
}

.asterisk-explainer {
  font-size: 18px;
  margin-top: 30px;
  color: grey;
}

.youtube-container {
  margin: 0;
}

.youtube-player {
  margin: 0 auto;
  max-width: 600px;
  box-shadow: 4px 0px 60px 10px rgba(37,43,51,0.25);
}

.youtube-player__container {
  position: relative;
  width: 100%;
  height: 100%;
  /* assuming that the video has a 16:9 ratio */
  overflow: hidden;
  cursor: pointer;
}

.youtube-player__thumbnail {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: auto

}

.youtube-player__playbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
}

.youtube-player__playbutton__rectangle {
  fill: #1f1f1f;
  fill-opacity: .81;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}


.youtube-player__playbutton__triangle {
  fill: #fff;
}

.youtube-player__playbutton__shadow {
  fill: #ccc;
}

.youtube-player__container:hover .youtube-player__playbutton__rectangle,
.youtube-player__container:focus .youtube-player__playbutton__rectangle {
  fill: #cc181e;
  fill-opacity: 1;
}
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.youtube-container {
  border: 0;
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 600px;
  border: 1px solid #ddd;

  &:after {
    content: '';
    display: block;
    width: 80%;
    height: 100px;
    box-shadow: 0 0 50px rgba(0,0,0,.2),0 0 70px rgba(0,0,0,.1);
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: -1;
  }
}
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/play-btn.0f538d62.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

header {
  .youtube-container {
      margin: 10px auto 70px;
      -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
         -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
              box-shadow: 0 1px 10px rgba(0,0,0,.3);
  }
}
