* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

@font-face {
    font-family: circe-bold;
    src: url('../fonts/Circe-Bold.ttf');
}

@font-face {
    font-family: circe-black;
    src: url('../fonts/circe-extrabold.ttf');
}

@font-face {
    font-family: circe-light;
    src: url('../fonts/circe-light.ttf');
}

@font-face {
    font-family: circe-regular;
    src: url('../fonts/circe-regular.ttf');
}

button:focus, button:active, a:focus, a:active {
    outline: none;
}

button::-moz-focus-inner {
    outline: none;
    border: 0;
}
a::-moz-focus-inner {
    outline: none;
    border: 0;
}

.logo {
    margin-left: 109px;
    margin-top: 34px;
    position: absolute;
}

.navbar {
    background: transparent !important;
    margin-right: 30px;
}

.nav-item {
    margin-right: 100px;
    margin-top: 32px;
    font-family: circe-bold;
    font-size: 18px;
}

.nav-link {
    color: #444444 !important;
    transition: 0.6s;
}

.nav-link:hover {
    color: #000 !important;
}

.navbar-nav {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

  .logo {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInDown {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

@media (max-width: 991px) {
    .navbar-nav {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1.05s;
  animation-duration: 1.05s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
}

@media (max-width: 1226px) {
    .navbar-brand {
        margin-left: 10px;
    }
    .navbar {
        margin-right: 0;
    }
    .nav-item {
        margin-right: 20px;
    }
    .navbar-toggler {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .nav-item {
        margin-bottom: -33px;
    }
}

.heading-text {
    color: #444444;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    font-family: circe-black;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    margin-top: 150px;
}

 .heading-text {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }

.heading-background {
    background: #F6F6F6;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    width: 867px;
    height: 326px;
    margin-top: 30px;
    text-align: center;
}

.heading-background {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }

@media (max-width: 891px) {
    .heading-background {
        width: 100vw;
    }
    .reviews-button {
        width: 50vw !important;
    }
    .portfolio-button {
        width: 65vw !important;
    }
}

@media (max-width: 613px) {
    .heading-background {
        height: 60vh;
    }
}

@media (max-width: 371px) {
    .heading-background {
        height: 75vh;
    }
}

@media (max-width: 321px) {
    .heading-background {
        height: 82vh;
    }
}

.heading-background p {
    transform: translate(0%, 9.5%);
    font-family: circe-bold;
    color: #101119;
    font-size: 22px;
    line-height: 32px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
}

.reviews-button {
    width: 103px;
    height: 47px;
    background-color: #ff3355;
    color: #fff;
    font-family: circe-light;
    position: absolute;
    border: none;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    transition: 0.65s;
    font-size: 18px;
    left: 50%;
    transform: translate(-50%);
    margin-top: 15px;
}

.reviews-button:hover {
    color: #ff3355;
    background-color: #fff;
    font-size: 20px;
}

.portfolio-button {
    margin-top: 85px;
    width: 134px;
    height: 47px;
    background-color: #379fff;
    font-size: 18px;
    color: #fff;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    border-radius: 9px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    border: none;
    font-family: circe-light;
    transition: 0.65s;
}

.portfolio-button:hover {
    font-size: 20px;
    color: #379fff;
    background-color: #fff;
}

.reasons {
    width: 100%;
    height: 453px;
    background-color: #1e1e1e;
    margin-top: 162px;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
}

.why-we {
    font-family: circe-black;
    color: #f8f8f8;
    font-size: 35px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: 17px;
    white-space: nowrap;
}

.reputation-logo {
    margin-top: 100px;
    margin-left: 255px;
}

.reputation-text {
    font-family: circe-bold;
    color: #f8f8f8;
    font-size: 30px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    margin-left: 193px;
    margin-top: 6.5px;
}

.reputation-description {
    font-family: circe-regular;
    color: #f8f8f8;
    font-size: 18px;
    line-height: 27px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    margin-top: -10px;
    margin-left: 58px;
    position: absolute;
    text-align: center;
}

.watch-logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: -166px;
}

.watch-text {
    font-family: circe-bold;
    color: #f8f8f8;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    margin-top: -60px;
}

.watch-description {
    font-family: circe-regular;
    color: #f8f8f8;
    font-size: 18px;
    line-height: 27px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    margin-top: -10px;
}

.star-logo {
    position: absolute;
    right: 255px;
    margin-top: -311px;
}

.star-text {
    font-family: circe-bold;
    color: #f8f8f8;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    font-size: 30px;
    position: absolute;
    right: 139px;
    margin-top: -201px;
}

.star-description {
    font-family: circe-regular;
    color: #f8f8f8;
    font-size: 18px;
    line-height: 27px;
    text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 58px;
    text-align: center;
    margin-top: -150px;
}

@media (max-width: 1691px) {
    .reasons {
        height: 1130px;
        margin-top: 370px;
    }
    .reputation-logo {
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .reputation-text {
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        margin-top: 190px;
        white-space: nowrap;
    }
    .reputation-description {
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        margin-top: 235px;
    }
    .watch-logo {
        margin-top: 400px;
    }
    .watch-text {
        margin-top: 0;
        position: absolute;
        margin-top: 510px;
        left: 50%;
        transform: translate(-50%);
    }
    .watch-description {
        margin-top: 0;
        position: absolute;
        margin-top: 557px;
        left: 50%;
        transform: translate(-50%);
    }
    .star-logo {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        margin-top: 750px;
    }
    .star-text {
        position: static;
        transform: translate(0%, 1920%);
    }
    .star-description {
        position: static;
        transform: translate(0%, 630%);
    }
}

@media (max-width: 983px) {
    .reasons {
        height: 1300px;
    }
    .watch-description {
        margin-top: 600px;
    }
    .watch-text {
        margin-top: 553px;
    }
    .watch-logo {
        margin-top: 443px;
    }
}

@media (max-width: 896px) {
    .star-description {
        transform: translate(0%, 660%);
    }
    .star-text {
        transform: translate(0%, 2050%);
    }
    .star-logo {
        margin-top: 820px;
    }
    .watch-description {
        margin-top: 620px;
    }
    .watch-text {
        margin-top: 573px;
        white-space: nowrap;
    }
    .watch-logo {
        margin-top: 463px;
    }
}

@media (max-width: 851px) {
    .reasons {
        margin-top: 200px;
    }
    .star-description {
        transform: translate(0%, 687%);
    }
    .star-text {
        transform: translate(0%, 2160%);
    }
    .star-logo {
        margin-top: 865px;
    }
}

@media (max-width: 616px) {
    .star-description {
        transform: translate(0%, 726%);
    }
    .star-text {
        transform: translate(0%, 2300%);
    }
    .star-logo {
        margin-top: 925px;
    }
}

@media (max-width: 564px) {
    .reasons {
        height: 1440px;
    }
    .star-description {
        transform: translate(0%, 827%);
    }
    .star-text {
        transform: translate(0%, 2650%);
    }
    .star-logo {
        margin-top: 1080px;
    }
    .watch-description {
        margin-top: 710px;
    }
    .watch-text {
        margin-top: 665px;
    }
    .watch-logo {
        margin-top: 550px;
    }
}

@media (max-width: 502px) {
    .star-description {
        transform: translate(0%, 708%);
    }
    .reasons {
        height: 1460px;
    }
}

@media (max-width: 495px) {
    .star-description {
        transform: translate(0%, 615%);
    }
    .reasons {
        height: 1530px;
    }
}

@media (max-width: 487px) {
    .star-description {
        transform: translate(0%, 546%);
    }
    .reasons {
        height: 1540px;
    }
}

@media (max-width: 480px) {
    .star-description {
        transform: translate(0%, 492%);
    }
}

@media (max-width: 402px) {
    .star-description {
        transform: translate(0%, 530%);
    }
    .star-text {
        transform: translate(0%, 2890%);
    }
    .star-logo {
        margin-top: 1185px;
    }
    .watch-description {
        margin-top: 800px;
    }
    .watch-text {
        margin-top: 755px;
    }
    .watch-logo {
        margin-top: 645px;
    }
    .reasons {
        height: 1640px;
    }
}

@media (max-width: 397px) {
    .star-description {
        transform: translate(0%, 483.5%);
    }
    .reasons {
        height: 1660px;
    }
}

@media (max-width: 353px) {
    .star-description {
        transform: translate(0%, 445%);
    }
    .reasons {
        height: 1680px;
    }
}

@media (max-width: 339px) {
    .star-description {
        transform: translate(0%, 465%);
    }
    .star-text {
        transform: translate(0%, 3050%);
    }
    .star-logo {
        margin-top: 1260px;
    }
    .reasons {
        height: 1750px;
    }
}

@media (max-width: 336px) {
    .star-text {
        transform: translate(0%, 1525%);
    }
    .reasons {
        height: 1800px;
    }
}

.portfolio-heading {
    margin-top: 95px;
    font-family: circe-black;
    color: #ff3355;
    font-size: 40px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.background-carousel {
    width: 80%;
    height: 675px;
    background: #f6f6f6;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
    border-radius: 18px;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-item {
    width: 960px;
    height: 539px;
    margin-top: 100px;
    border-radius: 18px;
}

.carousel-item img {
    border-radius: 18px;
}

.carousel-inner {
    width: 960px;
    height: 589px;
    border-radius: 18px;
}

.carousel-control-prev,
.carousel-control-next {
    margin-top: 100px;
}

.carousel-indicators li {
    border-radius: 100%;
    width: 25px;
    background: #312d43;
    margin-right: 29px;
    transform: scale(0.6);
}

.carousel-indicators .active {
    background: #ff3355;
}

.carousel-indicators {
    transform: translate(0%, 300%);
}

@media (max-width: 1533px) {
    .background-carousel {
        width: 100%;
    }
    .carousel-inner img {
        max-width: 100vw;
    }
}

@media (max-width: 1208px) {
    .carousel-control-prev {
        margin-left: -65px;
    }
    .carousel-control-next {
        margin-right: -65px;
    }
}

@media (max-width: 1079px) {
    .carousel-indicators li {
        margin-right: 20px;
        margin-top: -520px;
    }
    .carousel-control-prev,
    .carousel-control-next {
        margin-top: 630px;
    }
    .carousel-control-prev {
        margin-left: 300px;
    }
    .carousel-control-next {
        margin-right: 300px;
    }
}

@media (max-width: 763px) {
    .carousel-control-prev {
        margin-left: 250px;
    }
    .carousel-control-next {
        margin-right: 250px;
    }
}

@media (max-width: 669px) {
    .carousel-control-prev {
        margin-left: 50px;
    }
    .carousel-control-next {
        margin-right: 50px;
    }
}

@media (max-width: 570px) {
    .carousel-control-prev,
    .carousel-control-next {
        margin-top: 460px;
    }
}

@media (max-width: 482px) {
    .carousel-control-prev,
    .carousel-control-next {
        margin-top: 400px;
    }
}

.show-more {
    width: 156px;
    height: 48px;
    background-color: #ff3355;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: none;
    font-family: circe-light;
    color: #fff;
    font-size: 19px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    margin-top: 25px;
    transition: 0.65s;
}

.show-more:hover {
    color: #ff3355;
    background-color: #fff;
    font-size: 21px;
}

.hits-heading {
    font-family: circe-black;
    color: #ff3355;
    font-size: 40px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    margin-top: 180px;
}

.youtube-logo {
    margin-top: 60px;
    position: absolute;
    left: 15%;
    transform: translate(-15%);
    z-index: 10;
}

.price-yt {
    position: absolute;
    z-index: 12;
    width: 80px;
    height: 40px;
    background-color: #ff3355;
    border-radius: 10px;
    color: black;
    margin-top: -420px;
    margin-left: 320px;
    text-align: center;
}

.price-yt-text {
    padding-top: 9px;
    font-family: circe-bold;
    color: #fcfcfc;
    font-size: 16px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.youtube-inner {
    width: 400px;
    height: 450px;
    background-color: #fff;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    left: 15%;
    transform: translate(-15%);
    z-index: 11;
    margin-top: 460px;
}

.oform-yt-heading {
    color: #1e1e1e;
    font-family: circe-bold;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    font-size: 25px;
    padding-left: 24px;
    padding-top: 17px;
}

.oform-yt-text {
    color: #1e1e1e;
    font-size: 17px;
    line-height: 25px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    padding-left: 47px;
    font-family: circe-regular;
}

.portfolio-yt {
    width: 139px;
    height: 48px;
    margin-left: 122px;
    margin-right: 139px;
    margin-top: 20px;
    border: none;
    border: 1px solid #686868;
    filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    font-family: circe-light;
    color: #ff3355;
    font-size: 19px;
    background: transparent;
    transition: 0.9s;
}

.portfolio-yt:hover {
    background: #ff3355;
    color: #fff;
    border: none;
}

.buy-yt {
    width: 158px;
    height: 48px;
    background-color: #ff3355;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border: none;
    color: #fff;
    font-family: circe-light;
    font-size: 19px;
    margin-left: 113px;
    margin-right: 129px;
    margin-top: 12px;
    transition: 0.65s;
}

.buy-yt:hover {
    background-color: #fff;
    color: #ff3355;
    font-size: 21px;
}

.vk-logo {
    margin-top: 60px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 13;
}

.price-vk {
    position: absolute;
    z-index: 15;
    width: 80px;
    height: 40px;
    background-color: #ff3355;
    border-radius: 10px;
    color: black;
    margin-top: -420px;
    margin-left: 320px;
    text-align: center;
}

.price-vk-text {
    padding-top: 9px;
    font-family: circe-bold;
    color: #fcfcfc;
    font-size: 16px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.vk-inner {
    width: 400px;
    height: 450px;
    background-color: #fff;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 14;
    margin-top: 460px;
}

.oform-vk-heading {
    color: #1e1e1e;
    font-family: circe-bold;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    font-size: 25px;
    padding-left: 24px;
    padding-top: 17px;
}

.oform-vk-text {
    color: #1e1e1e;
    font-size: 17px;
    line-height: 25px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    padding-left: 47px;
    font-family: circe-regular;
}

.portfolio-vk {
    width: 139px;
    height: 48px;
    margin-left: 122px;
    margin-right: 139px;
    margin-top: 20px;
    border: none;
    border: 1px solid #686868;
    filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    font-family: circe-light;
    color: #ff3355;
    font-size: 19px;
    background: transparent;
    transition: 0.9s;
}

.portfolio-vk:hover {
    background: #ff3355;
    color: #fff;
    border: none;
}

.buy-vk {
    width: 158px;
    height: 48px;
    background-color: #ff3355;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border: none;
    color: #fff;
    font-family: circe-light;
    font-size: 19px;
    margin-left: 113px;
    margin-right: 129px;
    margin-top: 12px;
    transition: 0.65s;
}

.buy-vk:hover {
    background-color: #fff;
    color: #ff3355;
    font-size: 21px;
}

.twitch-logo {
    margin-top: 60px;
    position: absolute;
    left: 85%;
    transform: translate(-85%);
    z-index: 16;
}

.price-twitch {
    position: absolute;
    z-index: 17;
    width: 80px;
    height: 40px;
    background-color: #ff3355;
    border-radius: 10px;
    color: black;
    margin-top: -420px;
    margin-left: 320px;
    text-align: center;
}

.price-twitch-text {
    padding-top: 9px;
    font-family: circe-bold;
    color: #fcfcfc;
    font-size: 16px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.twitch-inner {
    width: 400px;
    height: 450px;
    background-color: #fff;
    box-shadow: 0px 0px 86px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    left: 85%;
    transform: translate(-85%);
    z-index: 18;
    margin-top: 460px;
}

.oform-twitch-heading {
    color: #1e1e1e;
    font-family: circe-bold;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    font-size: 25px;
    padding-left: 24px;
    padding-top: 17px;
}

.oform-twitch-text {
    color: #1e1e1e;
    font-size: 17px;
    line-height: 25px;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    padding-left: 47px;
    font-family: circe-regular;
}

.portfolio-twitch {
    width: 139px;
    height: 48px;
    margin-left: 122px;
    margin-right: 139px;
    margin-top: 20px;
    border: none;
    border: 1px solid #686868;
    filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    font-family: circe-light;
    color: #ff3355;
    font-size: 19px;
    background: transparent;
    transition: 0.9s;
}

.portfolio-twitch:hover {
    background: #ff3355;
    color: #fff;
    border: none;
}

.buy-twitch {
    width: 158px;
    height: 48px;
    background-color: #ff3355;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border: none;
    color: #fff;
    font-family: circe-light;
    font-size: 19px;
    margin-left: 113px;
    margin-right: 129px;
    margin-top: 12px;
    transition: 0.65s;
}

.buy-twitch:hover {
    background-color: #fff;
    color: #ff3355;
    font-size: 21px;
}

.vk-inner,
.youtube-inner,
.twitch-inner {
    margin-bottom: 100px;
}

@media (max-width: 1645px) {
    .youtube-logo,
    .youtube-inner {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .price-yt {
        margin-left: 160px;
    }

    .vk-logo,
    .vk-inner {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .vk-logo {
        margin-top: 1010px;
    }
    .vk-inner {
        margin-top: 1410px;
    }
    .price-vk {
        margin-left: 160px;
    }

    .twitch-logo,
    .twitch-inner {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .twitch-logo {
        margin-top: 1960px;
    }
    .twitch-inner {
        margin-top: 2360px;
    }
    .price-twitch {
        margin-left: 160px;
    }
}

@media (max-width: 375px) {
    .oform-twitch-heading {
        padding-left: 80px;
    }
    .oform-yt-heading {
        padding-left: 75px;
    }
    .oform-vk-heading {
        padding-left: 105px;
    }
    .oform-yt-text,
    .oform-vk-text,
    .oform-twitch-text {
        text-align: center;
        padding-left: 0;
    }
}