.push-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.pushs {
  display: flex;
  flex-direction: column;
  gap : 32px;
}

@media all and (min-width:640px) {
  .push-wrapper {
    display: grid;
    grid-template-areas: "a a"
                         "b c";
    grid-template-columns: 1fr 1fr;
    gap: 32px;

    max-width: 615px;
    margin: 64px auto 0;
  }

  .pushs__first {
    grid-area: a;
  }

  .pushs__second {
    grid-area: b;
  }

  .pushs__third {
    grid-area: c;
  }


}

@media all and (min-width:1400px) {
  .push-wrapper {
    grid-template-areas: "a b c";
    grid-template-columns: 50% calc(25% - 30px) calc(25% - 30px);

    max-width: 100%;
  }

  .pushs__second {
    margin-top: -50px;
  }
}