@media (orientation: portrait) {
  .kv {
    position: relative;
    padding-top: 6vh;
    background-color: #000;
    background-image: url('../img/bg-vert-bot.png');
    background-size: contain;
    background-position: 50% 100%;
    z-index: 1;
  }
  .kv::before,
  .kv::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 17em;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
  }
  .kv::before { background-position: 0% 0%; background-image: url('../img/svg/bg-vert-top-left.svg'); }
  .kv::after { background-position: 100% 0%; background-image: url('../img/svg/bg-vert-top-right.svg'); }
  .kv .kv__logo {
    margin: 0 auto 0rem;
    width: 16.5rem;
  }
  .kv .kv__logos {
    margin-bottom: 3.5vh;
    right: 1rem;
  }
  .kv .kv__logos .kv__img-vv {
    display: block;
    /*width: 18rem;*/
    width: 15.1rem;
  }
  .kv .kv__logos i {
    display: block;
    margin: 0 5.625rem;
    width: 0.125rem;
    height: 14.875rem;
    background: #fff;
  }
  .kv .kv__logos .kv__img-fk {
    display: block;
    /*width: 16.125rem;*/
    width: 13.125rem;
  }
  .kv .kv__time {
    margin-top: 0;
    margin-bottom: 2vh;
  }
  .kv .kv__time h3 {
    margin: 0 0 -0.5rem;
    font-weight: 700;
    font-size: 4rem;
  }
  .kv .kv__time p {
    margin: 0;
    font-weight: 600;
    font-size: 2rem;
    text-transform: uppercase;
  }
  .kv .kv__name {
    margin-bottom: 2vh;
  }
  .kv .kv__name p {
    margin: 0;
    font-size: 1.75rem;
    text-transform: uppercase;
  }
  .kv .btn {
    margin-bottom: 3vh;
    width: 44rem;
    height: 8rem;
    font-size: 2.75rem;
    text-transform: none;
    background: #0077FF;
    border-radius: 1.125rem;
  }
  .kv .btn:hover {
    text-decoration: none;
    opacity: 0.75;
  }
  .kv .kv__secret {
    margin: 0 0 3vh;
    font-size: 3rem;
    text-transform: uppercase;
  }

  .kv__socials a { margin: 0 2vw; }

  .kv__socials a:last-child { margin-bottom: 0; }

  .kv__socials a:hover { opacity: 1; }

  .kv__socials a img { height: 3rem; }

  .kv__persons .img { width: 46vw; }

  .kv__persons-kasseta { left: -4rem; }
  .kv__persons-guf { right: -4rem; }

}
@media (max-width: 991px) and (orientation: landscape) {
  .kv {
    background-image: url('../img/bg-hor-3.jpg');
    background-position: 50% 100%;
  }
}