@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,600,600i,700,700i');

form {
	font-family: "Montserrat";
	font-weight: 400;
	font-size: 14px;
}

form p.form-field {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 325px) {
	form p.form-field {
		flex-direction: column;	
	}
}

form p.submit {
	text-align: center;
}

form p.form-field input[type=text] {
	flex-grow: 1;
}

form p.submit input[type=submit] {
	background: #0087e3;
	color: #fff;
	border: none;
	padding: 10px 15px;
	font-size: 16px;
}

form p label {
	padding: 10px 15px;
	min-width: 80px;
	text-align: right;
}

@media screen and (max-width: 420px) {
	form p label {
		text-align: left;
	}
}

form input.text {	
	box-sizing: border-box;
	padding: 10px 15px;
}

form p.error.no-label  {
	display: none;
}

form p.errors {
    font-style: italic;
    color: #ff5a00;
    margin-top: -5px;
    margin-bottom: -8px;
    text-align: center;
}

form p.error label {
	color: #ff5a00!important;
}

form p.error input[type=text] {
	border: 1px solid #ff5a00;
}
