.bg-content,
.site-main > .container {
  margin-top: 200px;
}

.pocket {
  position: relative;
  display: flex;
  justify-content: center;
}

a.pocket-link {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  height: 900px;
  width: 100%;
  min-height: 100vh;
  background: url("img/bg-1.png") no-repeat top -162px center / cover
  black;
}

a.pocket-top {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  height: 200px;
  z-index: 1;
  overflow: hidden;
}

.pocket-top__images {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pocket-top__images.tablet {
  display: none;
}

.pocket-top__logo {
  margin-right: 60px;
}

.pocket-top__text {
  margin-right: 24px;
}

.pocket-top__button {
  position: relative;
  top: 22px;
  margin-right: 26px;
}

.pocket-top__devices {
  position: relative;
}

.pocket-images {
  position: absolute;
  width: 1920px;
}

.pocket-left {
  position: absolute;
  left: 42px;
  top: 309px;
}

.pocket-right {
  position: absolute;
  right: 35px;
  top: 318px;
}

@media (max-width: 1780px) {
  .pocket-images {
    width: 100%;
  }

  .pocket-left,
  .pocket-right {
    scale: 0.7;
  }

  .pocket-left {
    left: -52px;
  }

  .pocket-right {
    right: -45px;
  }
}

@media (max-width: 1650px) {
  .pocket-images {
    display: none;
  }
}

@media (max-width: 1599.98px) {
  .pocket-top__images.desc {
    scale: 0.8;
  }

  .pocket-left,
  .pocket-right {
    scale: 0.6;
  }

  .pocket-left {
    left: -60px;
  }

  .pocket-right {
    right: -65px;
  }
}

@media (max-width: 1280px) {
  a.pocket-link {
      background: url("img/bg-2.png") no-repeat top -62px center / cover
  black;
  }

  .pocket-top__images.desc {
    display: none;
  }

  .pocket-top__images.tablet {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .pocket-top__logo {
    align-self: flex-start;
    margin-top: 34px;
    margin-left: 16px;
    width: 290px;
  }

  .pocket-top__button {
    position: relative;
    top: 22px;
    margin-right: 26px;
    margin-left: 190px;
  }

  .pocket-top__devices {
    position: absolute;
    top: 18px;
    left: 260px;
  }

  .pocket-images {
    display: none;
  }
}

@media (max-width: 1250px) {
  .pocket-top__devices {
    left: -50px;
  }

  .pocket-top__button {
    margin-left: 0;
  }

  .pocket-top__devices {
    top: 40px;
    left: -25px;
    z-index: -1;
  }
}

@media (max-width: 1080px) {
  .pocket-top__preferences {
    scale: 0.8;
  }

  .pocket-top__preferences {
    margin-left: -40px;
  }
}

@media (max-width: 1025px) {
  .pocket-top__preferences {
      margin-left: -70px;
  }
}

@media (max-width: 991px) {
  .pocket-top__preferences {
    display: none;
  }

  .pocket-top__button {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .pocket-top__logo {
    width: 220px;
    margin-left: 0;
    margin-right: 20px;
  }

  .pocket-top__button {
    width: 250px;
    margin-right: -30px;
    top: 40px;
  }

  .pocket-top__devices {
    left: -60px;
  }
}

@media (max-width: 479px) {
  .pocket {
    overflow: hidden;
  }

  a.pocket-link {
    background: black;
  }

  a.pocket-top {
    position: relative;
    padding: 0;
    width: 100%;
    height: 255px;
    background: url('img/bg-mob.png') no-repeat left top / cover;
    z-index: 1;
  }

  .pocket-top__images.tablet {
    display: none;
  }

  .bg-content,
  .site-main > .container {
    margin-top: 0;
  }
}