.section-video {
  padding: 100px 0;
  background-size: cover !important;
  background-position: center !important;
  text-align: center;
}

.section-video .player {
  height: 506px;
  width: 900px;
  margin: 0 auto;
  cursor: pointer;
}

.section-video .player i {
  z-index: 1;
  position: absolute;
  top: 200px;
  left: 400px;
  font-size: 90px;
  color: #df5952;
  transition: all 0.25s ease-in-out;
}
.section-video .player:hover i {
  color: #fff;
}

.section-video .player.playing i {
  transform: scale(1.5);
  opacity: 0;
}

.section-video .player::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  transition: all 0.25s ease-in-out;
}
.section-video .player:hover::after {
  background-color: rgba(58, 58, 58, 0.5);
}

.section-video iframe {
  width: 60vw;
  height: 35vw;
}

@media screen and (max-width: 768px) {
  .section-video {
    padding: 50px 0 30px;
  }

  .section-video iframe {
    width: 90vw;
    height: 50vw;
  }
}
@media screen and (min-width: 1200px) {
  .section-video iframe {
    width: 800px;
    height: 465px;
  }
}