.banner .row {
  position: relative;
}

.container {
  max-width: 960px;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 960px;
  }
}

.banner .h1 {
  color: #fff;
  text-align: right;
  font-family: "Myriad Pro Regular";
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  width: min-content;
  margin: 0;
  position: absolute;
  top: 23px;
  right: 34px;
}

.h2 {
  color: #000;
  text-align: center;
  font-family: "Myriad Pro Regular";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  margin-block: 40px 14px;
}

p {
  color: #000;
  font-family: "Myriad Pro Regular";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
  margin: 0;
}

p + p {
  margin-top: 30px;
}

p + img,
p + .row {
  margin-top: 20px;
}

.zernovaya-section .row > img {
  width: 100%;
}

.img-wrapper {
  gap: 20px 0;
}

.link-btn {
  color: #fff;
  text-align: center;
  font-family: "Myriad Pro Regular";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  width: max-content;
  padding: 17px 37px;
  margin-top: 40px;
  margin-inline: auto;
  background-color: #e30613;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-btn:hover {
  color: #ffffff;
}

@media (max-width: 992px) {
  .banner .h1 {
    font-size: calc(100vw * (72 / 1920));
    top: calc(100vw * (23 / 1920));
    right: calc(100vw * (34 / 1920));
  }

  .h2 {
    font-size: calc(100vw * (40 / 1920));
    margin-block: calc(100vw * (40 / 1920)) calc(100vw * (14 / 1920));
  }

  p {
    font-size: calc(100vw * (22 / 1920));
  }

  p + p {
    margin-top: calc(100vw * (30 / 1920));
  }

  p + img,
  p + .row {
    margin-top: calc(100vw * (20 / 1920));
  }

  .img-wrapper {
    gap: calc(100vw * (20 / 1920)) 0;
  }

  .link-btn {
    font-size: calc(100vw * (30 / 1920));
    padding: calc(100vw * (17 / 1920)) calc(100vw * (37 / 1920));
    margin-top: calc(100vw * (40 / 1920));
    border-radius: calc(100vw * (50 / 1920));
  }
}

@media (max-width: 576px) {
  .zernovaya-section:not(.banner) > .container > .row {
    margin: 0;
  }

  .banner .h1 {
    font-size: calc(100vw * (30 / 360));
    top: calc(100vw * (10 / 360));
    right: calc(100vw * (15 / 360));
  }

  .h2 {
    font-size: calc(100vw * (20 / 360));
    margin-block: calc(100vw * (25 / 360)) calc(100vw * (14 / 360));
  }

  p {
    font-size: calc(100vw * (16 / 360));
  }

  p + p {
    margin-top: calc(100vw * (20 / 360));
  }

  p + img,
  p + .row {
    margin-top: calc(100vw * (15 / 360));
  }

  .img-wrapper {
    gap: calc(100vw * (20 / 360)) 0;
  }

  .link-btn {
    font-size: calc(100vw * (16 / 360));
    width: 90%;
    padding: calc(100vw * (10 / 1920)) 0;
    margin-top: calc(100vw * (25 / 360));
    border-radius: calc(100vw * (25 / 360));
  }
}