body {
	font-family: 'Roboto', sans-serif;
}
.from-page-background {
	background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFF0000,endColorstr=#4cFF0000);
    zoom: 1;
	width: 800px;
	padding: 20px;
	border-radius: 5px;
}
.form-page-form {
	background: url(form_img/background.jpg);
	padding: 40px;
	width: 100%;
}
.form-page-form h2{
	font: 700 30px Roboto;
	margin-bottom: 20px;
	color: #fff;
}
.form-page-form p{
	color: #fff;
}
.form-page-phone {
	font: 500 24px Roboto;
	margin: 25px 0 10px;
}
.form-name-page {
	background: #fff url(form_img\icon-name.png) no-repeat 10px 13px;
	border-radius: 4px;
	outline: none;
	border: none;
	height: 50px;
	width: 174px;
	padding: 0 10px 0 46px;
}
.form-phone-page {
	background: #fff url(form_img/icon-tel.png) no-repeat 10px 13px;
	border-radius: 4px;
	outline: none;
	border: none;
	height: 50px;
	width: 174px;
	padding: 0 10px 0 46px;
	margin-left: 10px;
}
.form-submit-page {
	outline: none;
	border: none;
	height: 50px;
	width: 220px;
	font-size: 24px;
	border-radius: 4px;
	color: #fff;
	margin-top: 20px;
	background: #f39200;
}
/*адаптация под моб*/
@media only screen and (max-width: 900px) {
	.form-page-form h2 {
    	font: 700 24px Roboto;
    }

    .form-max {
    	display: grid;
		grid-template-columns: auto;
    }
    .form-max input{
		margin-bottom: 20px;
    }
    .from-page-background {
		    width: 80%;
    }
    .form-name-page {
    	width: 90%;
    	margin: 0 auto;
    	padding: 0px 0px 0 46px;
    }
    .form-page-phone {
    	font-size: 22px;
    }
    .form-phone-page {
    	width: 90%;
    	margin: 0 auto;
    	padding: 0px 0px 0 46px;
    }
    .form-submit-page {
		margin-top: -5px;
		width: 100%;
    }

	
}
@media only screen and (max-width: 500px) {
	.from-page-background {
		    width: 80%;
    }
}

@media only screen and (max-width: 400px) {
	.from-page-background {
		    width: 110%;
    }
    .form-name-page {
   	 	width: 80%;
	}
	.form-phone-page {
   	 	width: 80%;
	}
}