* {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.page {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.page__logo {
  margin-bottom: 50px;
}

.page__top,
.page__bottom {
  height: 50%;
}

.page__top {
  display: flex;
  align-items: center;
}

.page__bottom {
  padding: 70px;
  text-align: center;
  background-color:#790B90;
  background-size: cover;
}

.page__title {
  font-size: 45px;
  font-weight: 700;
}

.page__subtitle {
  font-size: 30px;
}

.page__button {
  font-size: 23px;
  border-color: rgb(0 207 1);
  background-color: rgb(0 207 1);
}

@media screen and (max-width: 768px) {
  .page {
    padding: 32px 16px;
    text-align: center;
  }

  .page__top,
  .page__bottom {
    height: auto;
  }

  .page__logo {
    max-width: 192px;
  }

  .page__title {
    font-size: 30px;
  }

  .page__subtitle {
    font-size: 20px;
  }

  .page__bottom {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;

    background: none !important;
  }

  .page__button {
    font-size: 18px;
    font-weight: 700;
  }
}