@media (min-width: 1281px) {
  #login_form_wrapper #bottom_wrapper {
    height: 200px;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  #login_form_wrapper #bottom_wrapper {
    height: 100px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  #login_form_wrapper {
    width: 90% !important;
  }

  #login_form_wrapper .two.fields .field {
    text-align: center !important;
  }

  #get_started {
    width: 100% !important;
    margin-top: 1em !important;
  }
}

body,
html {
  background-image: url(https://assets.checkbox.ph/system/green-background2.jpg) !important;
  background-size: cover !important;
}

#login_wrapper {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

#login_wrapper #login_form_wrapper.reset_password {
  width: 50em;
}

#login_wrapper #login_form_wrapper {
  position: relative;
  text-align: center;
  height: 90vh;
  display: flex;
  width: 30em;
  flex-direction: column;
}

#login_wrapper #login_form_wrapper .header {
  font-weight: 700;
  color: #fff;
  font-size: 1.3em;
  margin-bottom: 1.5em;
}

#login_wrapper #login_form_wrapper .lf-links {
  color: #fff;
  font-size: 1.1em;
  text-shadow: 1px 2px rgba(115, 115, 115, 0.45);
}

#login_wrapper #login_form_wrapper #top_wrapper {
  height: 200px;
  display: flex;
}

#login_wrapper #login_form_wrapper #top_wrapper #top {
  width: 100%;
  align-self: flex-end;
}

#login_wrapper #login_form_wrapper #form_wrapper {
  height: 400px;
  display: flex;
}

#login_wrapper #login_form_wrapper #form_wrapper #form {
  width: 100%;
}

#login_wrapper #login_form_wrapper #bottom_wrapper {
  display: flex;
}

#login_wrapper #login_form_wrapper #bottom_wrapper #bottom {
  width: 100%;
  align-self: flex-end;
}

#login_wrapper #login_form_wrapper #get_started {
  width: 60%;
  border-bottom: 4px solid #b12f2f;
  margin-top: 2em;
}

#fp-content {
  width: 100%;
}