.login_box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
}

.login_main_part {
  display: flex;
  align-items: center;
  flex-flow: column wrap;
  font-size: 2em;
  border: 2px solid #ECE9FF;
  flex: none;
  flex-grow: 0;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 48px;
  padding: 32px;
}

.reset-title {
  padding: 0;
  margin: 0;
  justify-content: flex-start;
  display: flex;
  flex: none;
  order: 0;
  align-self: stretch;
  font-weight: 800;
  font-size: 32px;
  line-height: 110%;
  /* or 35px */

  /* $family--accent-1 */

  color: var(--accent-1);
}

@media only screen and (max-device-width: 600px) {
  .login_box {
    display: block;
    padding: 32px;
  }

  .login_main_part {
    display: block;
    padding: 32px;
    margin: 0px;
  }
}