@charset "utf-8";

@media (max-width: 960px) {
  main {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page_top {
    width: 100%;
    margin: 0;
  }
  main {
    width: 100%;
  }
  h1 {
    font-size: 4.5rem;
    line-height: 4.5rem;
    padding: 0.5rem;
  }
  .form_item_title {
    font-size: 3.5rem;
    margin-top: 5rem;
  }
  form {
    padding-left: 2rem;
  }
  .remember_me_wrapper {
    font-size: 2rem;
  }
  .ml-3 {
    font-size: 3rem;
    line-height: 3rem;
    padding: 1rem;
  }
  .forgot_password {
    font-size: 3rem;
    text-align: left;
    margin-top: 1.75rem;
  }
  .error_message {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .ml-2 {
    font-size: 2.5rem;
    vertical-align: middle;
  }

  .description {
    font-size: 3rem;
    line-height: 3rem;
  }

  .button_registration-yellow {
    font-size: 3rem;
    line-height: 3rem;
    padding: 1rem;
  }

  .mail_address_class,
  .password_class {
    height: 30px;
  }
}