@media {						/* для ширины >=1400px */
	.container {
		width: 36%;
	}
	
	/*  НЕ РАБОТАЕТ((( */
	/* .password-display {
		font-size: 1vw;
	}	 */
}


@media (max-width: 1399px) {	/* для ширины от 1200px до 1399px */
	.container {
		width: 42%;
	}

	/*  НЕ РАБОТАЕТ((( */
	/* .password-display {
		font-size: 0.1vw;
	} */
}

@media (max-width: 1199px) {	/* для ширины от 992px до 1199px */
	.container {
		width: 51%;
	}

	/*  НЕ РАБОТАЕТ((( */
	/* .password-display {
		font-size: 0.1vw;
	} */
}

@media (max-width: 991px) {	/* для ширины от 768px до 991px */
	.container {
		width: 66%;
	}

	.password-display {
		font-size: 1vw;
	}
}

@media (max-width: 767px) {	/* для ширины от 576px до 767px */
	.container {
		width: 90%;
	}

	.password-display {
		font-size: 9.3vw;
	}
}

@media (max-width: 575px) {	/* для ширины до 576px */
	.container {
		width: 100%;
	}

	.password-display {
		font-size: 9.8vw;
	}

}

@media (max-width: 485px) {
	.controls .control {
		float: right;
		width: 50%;
		button {
			margin: 0 auto;
			width: 80%;
		}
    }

	.password-display {
		font-size: 7.4vw;
	}
}

/* @media (max-width: 360px) {
	.password-display {
		font-size: 7.4vw;
	}
} */