#modal_form {
width:90%;
	max-width: 500px; 
	height: auto; 
	border-radius: 2px;
	border:2px solid var(--color2);
	background: rgba(0,0,0,0.5);
	position: fixed; 
	left:0;
	right:0;
	top:100px;
	margin:auto;
	display: none; 
	opacity: 0; 
	z-index: 999; 
	padding: 20px;
	text-align:left;
	box-shadow:0px 0px 50px rgba(0,0,0,0.1);
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: rgba(0,0,0,0.9); /* черная */
	opacity: 0.7; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}




@media screen and (max-width: 660px) {
#modal_form {
position:fixed;
top:100px;
left:5%;
text-align:left;
padding:10px 0px !important;
margin:0 !important;

}

}