.header .logo .logo-img {
  -webkit-filter: brightness(1) drop-shadow(0 0 0 transparent);
  filter: brightness(1) drop-shadow(0 0 0 transparent);
}

.menu-btn .hamburger-bar {
  background: #000;
  box-shadow: unset;
}
.menu-nav a {
  color: #999;
  text-shadow: unset;
}
.menu-media img {
  -webkit-filter: brightness(1) drop-shadow(0 0 0 transparent);
  filter: brightness(1) drop-shadow(0 0 0 transparent);
}

.main {
  margin-top: 160px;
}

.section-title {
  padding-bottom: 40px;
  font-size: 1rem;
  color: #000;
  text-transform: unset;
  text-align: center;
}
.section .author {
  font-size: 0.75rem;
  color: #999;
  margin-top: 5px;
}

.video-img {
  position: relative;
  max-width: 1200px;
  margin-bottom: 40px;
}
.video-img:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.video-img iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-img-portrait {
  position: relative;
  height: 80vh;
  max-height: calc(900px * 1.78);
  width: calc(80vh * 0.5625);
  max-width: 900px;
  margin: 0 auto 40px;
}
.video-img-portrait video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-text {
  font-size: 0.875em;
  padding: 0 40px;
  max-width: 900px;
  margin: 0 auto;
}
.video-text:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #ccc;
  display: block;
  margin: 0 0 40px -40px;
}
.video-text .tw {
  padding-bottom: 40px;
}
.video-text p {
  padding-bottom: 20px;
}
.video-text p:last-child {
  padding-bottom: unset;
}
.video-back a {
  font-size: 0.75rem;
}
.video-back a:hover {
  color: #111;
  text-decoration: underline;
}

@media screen and (max-width: 1280px) {
  .video-img-portrait {
    max-width: 840px;
    max-height: calc(840px *1.78);
  }
}
@media screen and (max-width: 1200px) {
  .video-img-portrait {
    max-width: calc((100vw - 80px)*0.75);
    max-height: calc((100vw - 80px)*0.75 *1.78);
  }
}
@media screen and (max-width: 1100px) {
  .main {
    margin-top: 100px;
  }
}
@media screen and (max-width: 800px) {
  .section-title {
    padding-bottom: 20px;
  }

  .video-img-portrait {
    max-width: calc(100vw - 40px);
    max-height: calc((100vw - 40px)*1.78);
  }
}
@media screen and (max-width: 640px) {
  .video-text {
    padding: 0 20px;
  }
  .video-text:before {
    width: 40px;
    margin: 0 0 40px -20px;
  }
}