@media (min-width: $media-mobile-middle) and (max-width: 979px) {
  .login {
    padding: 40px 0;
    &__content {
      width: 94%;
      margin: 0 auto 40px;
      text-align: center;
    }
    &__form {
      max-width: 460px;
      margin: 0 auto -180px;
    }
  }
}

@media (min-width: 640px) and (max-width: 979px) {
  .login {
    &__title {
      margin-bottom: 30px;
      font-size: 50px;
    }
  }
}

@media (min-width: $media-mobile-middle) and (max-width: 639px) {
  .login {
    &__title {
      margin-bottom: 10px;
      font-size: 40px;
    }
    &__text {
      font-size: 23px;
    }
  }
}