html{
  font-size: calc(100vh / 1080);
  }
body{
    height: 100vh;
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100vw;
    margin: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
  }
.content{
  width: 1198rem;
  height: 555rem;
  background-image: url(../img/afisha.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 65rem;
  position: relative;
  }
.btn_register{
  position: absolute;
  top: 469rem;
  width: 348rem;
  height: 60rem;
  left: 830rem;
  cursor: pointer;
  }

@media (max-width: 870px) {
  html{
    font-size: calc(100vw / 1080);
    }
    body {
    height: 100vh;
    background-image: url(../img/bg_mob.jpg),linear-gradient(165.18deg, #FF2137 49.38%, #FF00BE 70.22%, #CEFF05 89.73%);
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-position: top;
    width: 100vw;
    margin: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    justify-content: center;
    min-height: 1700rem;

    }
.content{
  width: 950rem;
  height: 1231rem;
  background-image: url(../img/afisha_mob.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 300rem;
  position: relative;
  }
.btn_register{
  position: absolute;
  top: 1101rem;
          left: 0rem;

  width: 950rem;
  height: 130rem;  
  }

}