@media screen and (max-width: 580px) {
	.form {
		width: 200px;
	}
	.enter-page {
		min-height: 480px;
	}
	.header__user,
	.header__logo {
		flex: 0 1 105px;
		height: 30px;
		width: 105px;
	}
	.header__username {
		width: auto;
		padding: 5px;
		border: 1px solid var(--color__fill-5);
		font-weight: 500;
		font-size: 0.8rem;
	}
	.header__username:after,
	.header__username:hover:after,
	.header__username.active:after {
		content: none;
	}
	.footer {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	h1 {
		margin: 30PX 0PX;
	}
	.btn {
		padding: 10px 20px;
	}
	.lk-service .btn {
		width: 80px;
		font-size: 0.8rem;
		left: calc(50% - 55px);
	}
}