.block-form {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	color: #eee;
}

#nameh {
	display: none;
}

.modal-content .block-form {
	width: 100%;
	max-width: 100%;
}

.block-form form {
	width: 100%;
	margin: 1em auto;
	padding: 1.5em;
	background: #23252b;
	box-shadow: 0px 0px 10px #444;
}

.block-form h2 {
	margin: 0 0 1em 0;
	color: #fff;
	font-family: "Raleway", "Helvetica Neue", sans-serif; 
	font-weight: 100;
	font-size: 16pt;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid white;
}

.block-form label {
	width: 20%;
	padding: 0.25em 0.5em 0.25em 0;
	float: left;
	clear: left; 
	text-align: right;
	text-transform: uppercase;

	color: #bbb;
	font-family: "Raleway", "Helvetica Neue", sans-serif; 
	font-weight: 100;
}

/***** INPUTS *****/
/*	darkcolor:   #455868 
	lightcolor:  #5E768D
	navunderbar: #283744
	5cd053 
*/

.block-form input,
.block-form textarea {
	width: 80%;
	background: #455868;
	margin-bottom: 0.5em;
}

.block-form input:focus, 
.block-form textarea:focus {
	box-shadow: inset 0px 0px 0px 1px #ddd;
}

.block-form input:required, 
.block-form textarea:required {
	background: #455868 url(../img/icons/asterisk-10.png) no-repeat 98% center;
}

.block-form input:focus:invalid,
.block-form textarea:focus:invalid {
    background: #455868 url(../img/icons/invalid.png) no-repeat 98% center;
}

.block-form input:focus:valid,
.block-form textarea:focus:valid {
	background: #455868 url(../img/icons/valid.png) no-repeat 98% center;
}

.block-form input:required:valid:not(:focus),
.block-form textarea:required:valid:not(:focus) {
	background: #455868 url(../img/icons/valid.png) no-repeat 98% center;
}

.block-form input[type=submit] {
	width: auto;
	margin-top: 0.5em;
	padding: 0.25em 2em;
	font-family: "Raleway", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 100;
	font-size: 12pt;
	text-transform: uppercase;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	float: right;
	clear: both;

	color: white;
	background-color: #68b12f;
	background: linear-gradient(top, #68b12f, #50911e);
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
}

.block-form input[type=submit]:hover {
	opacity:.85;
	cursor: pointer; 
}
.block-form input[type=submit]:active { box-shadow: 0 0 10px 5px #356b0b inset; }
.block-form input[type=submit]:focus { outline: none; }
.block-form input[type=submit]:focus:valid { box-shadow: 0 0 5px #5cd053; }



@media only screen and (max-width : 750px) {

	.block-form {
		width: 100%;
	}

	.block-form label {
		width: 30%;
		padding: 0.25em 0.5em 0.25em 0;
	}

	.block-form input,
	.block-form textarea {
		width: 70%;
	}
}


@media only screen and (max-width : 480px) {

	.block-form {
		font-size: 0.8em;
	}
	.block-form  h2 {
		font-size: 14pt;
		margin-bottom: 0;
	}

	.block-form label {
		width: 100%; 
		text-align: left;
	}

	.block-form input,
	.block-form textarea {
		width: 100%;
	}

	.block-form input[type=submit] {
		width: 100%;
		margin-top: 1em;
	}
}