@media screen and (max-width:440px) {
  body {
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;     /* Firefox */
  }

  ::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
    width:0;
  }
  .logo {
    width: 200px;
    height: 91px;
    position: absolute;
    margin-left: -100px;
    left: 50%;
    top: 25px;
  }
  .text2 {
    top: 186px;
    display: block;
    width: 320px;
    height: 86px;
    margin-left: -160px;
    left: 50%;
    background-size: contain;
    background-position: 0 0;
  }

  .frame4 {
      height: 345px;
      width: 320px;
      background-size: cover;
      border-radius: 26px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      margin-top: -86px;
  }
  .asteroid1 {
      width: 130px;
      height: 87px;
      background-size: cover;
      top: 56px;
      left: -26px;
      position: absolute;
  }
  .frame4 {
    height: 345px;
    width: 366px;
    background-size: cover;
    border-radius: 26px;
    margin-top: -86px;
  }
  .frame5 {
      height: 378px;
      width: 100%;
      margin-top: -100px;
  }
  .frame6 {
    height: 366px;
    width: 366px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -10px auto 0;
}
  .frame7 {
      height: 438px;
        width: 100%;
        margin-top: -98px;
  }
  .frame8 {
      height: 366px;
      width: 366px;
      margin: -83px auto 0;
  }
  .frame9 {
    height: 425px;
    width: 100%;
    margin-top: -74px;
  }
}
@media screen and (max-width:395px) {
  .text4 {
    width: 100%;
    height: 225px;
  }
  .frame4 {
    height: 320px;
    width: 320px;
    border-radius: 26px;
    margin-top: -114px;
  }
  .frame6 {
      height: 320px;
      width: 320px;
      background-repeat: no-repeat;
      background-size: contain;
      margin: -30px auto 0;
  }
  .frame8 {
    height: 320px;
    width: 320px;
    margin: -91px auto 0;
  }
  .frame9 {
      height: 425px;
      width: 100%;
      margin-top: -69px;
  }
  .frame10 {
    height: 677px;
    width: 320px;
    border-radius: 26px;
    margin: -50px auto 0;
    padding: 40px 25px;
  }
  #rsvpForm {
    position: relative;
    top: 114px;
  }
  .frame10 img.text7 {
    margin-top: 113px;
}
  .text3_1 {
      width: 320px;
      height: 60px;
      margin: 150px auto 0;
      background-image: url('img/text0_2.svg');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: 0 0;
      display: block;
  }
}
@media screen and (max-width:375px) {
  .logo {
    width: 190px;
    height: 91px;
    position: absolute;
    margin-left: -84px;
    left: 50%;
    top: 26px;
  }
  .text2 {
    top: 180px;
    display: block;
    width: 265px;
    height: 83px;
    margin-left: -129px;
    left: 50%;
    background-size: contain;
    background-position: 0 0;
  }
  .asteroid1 {
      width: 120px;
      height: 81px;
      background-size: cover;
      top: 35px;
      left: -19px;
      position: absolute;
  }
  .frame6 {
      height: 320px;
      width: 320px;
      background-repeat: no-repeat;
      background-size: contain;
      margin: -54px auto 0;
  }
  .frame7 {
      height: 438px;
      width: 100%;
      margin-top: -92px;
  }
  .frame8 {
    height: 320px;
    width: 320px;
    margin: -120px auto 0;
  }
  .frame9 {
      height: 425px;
      width: 100%;
      margin-top: -66px;
  }
  .radios label {
    margin: 12px 0 0 0;
    font-size: 14px;

  }
}
@media screen and (max-width:320px) {
  .text1 {
      top: 138px;
      display: block;
      width: 320px;
      height: 20px;
      margin-left: -160px;
      left: 50%;
  }
  .text2 {
    top: 163px;
    display: block;
    width: 220px;
    height: 83px;
    margin-left: -110px;
    left: 50%;
    background-size: contain;
    background-position: 0 0;
  }
  .frame1 {
      width: 100%;
      height: 280px;
  }
  .text3 {
      width: 290px;
      height: 120px;
  }
  .text3_1 {
    width: 270px;
    height: 60px;
    margin: 118px auto 0;
    display: block;
  }
  .frame2 {
      width: 100%;
      height: 176px;
      display: flex;
      justify-content: center;
  }
  .frame3 {
      height: 348px;
      width: 100%;
  }
  .frame4 {
    height: 320px;
    width: 280px;
    border-radius: 26px;
    margin-top: -114px;
  }
  .asteroid1 {
    width: 89px;
    height: 62px;
    background-size: cover;
    top: 33px;
    left: -19px;
    position: absolute;
  }
  .frame6 {
    height: 280px;
    width: 280px;
    margin: -89px auto 0;
  }
  .frame7 {
        height: 438px;
        width: 100%;
        margin-top: -82px;
  }
  .frame8 {
    height: 280px;
    width: 280px;
    margin: -156px auto 0;
  }
  .frame9 {
        height: 367px;
        width: 100%;
        margin-top: -58px;
    }
  .frame10 {
      height: 677px;
      width: 280px;
      border-radius: 26px;
      margin: -51px auto 0;
      padding: 40px 25px;
    }
    .text5 {
        width: 250px;
        height: 78px;
    }
    #rsvpForm {
        position: relative;
        top: 91px;
    }
    .frame10 {
        height: 601px;
        width: 280px;
    }
    .frame10 img.text6 {
        margin-top: 0;
    }
    button {
        padding: 15px 16px;
        margin-top: 6px;
    }
    .frame10 img.text7 {
        margin-top: 99px;
    }
    .frame11 {
        height: 118px;
        width: 100%;
        margin-top: -77px;
        z-index: 9;
    }
  }