@font-face {
	font-family: ClearSans;
	src: url(font/ClearSans-Regular.woff);
}

@font-face {
	font-family: Foundation;
	src: url(font/foundation-icons.woff);
}

html { 
	font-size: 18px; 
	font-family: ClearSans;
	color: #6D6F70;
}

body {

	background-color: #FFFFFF;

}

button, input, select, textarea {

	font-family: inherit;
	font-size: 100%;
	margin: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-box-sizing: border-box;
}


#form input[type="text"] {

	border: 0px;
	width: 100%;
}

#form input[type="submit"] {

	vertical-align: right;
	border: 0px;
	width: 100%;
}

.container{

	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;

}

.block {

	padding-left: 20px;
	padding-right: 20px;	
	margin-left: auto;
	margin-right: auto;

}

.logo {

	max-width: 800px;
	width:100%;

}

.mailsymbol{

	font-family: Foundation;
	color: #ED1C24;
	font-size: 20px;

}

.mailsignup {

	border-style: solid;
	border-width: 5px;
	border-radius: 2px;
	border-color: #ED1C24;
	padding: 10px;

}

.form {

	color: #ED1C24;

}

input.mail {
	width:87%;
	
	border: 2px solid #ED1C24;
	height: 30px;


}

input.sendbutton {
	width: 10%;

}

input.text {
	border: none;

}

input.button {

	width:100px;
	color:#6D6F70;
	height: 30px;

}

input.button:hover {

	color: #ED1C24;

}

text:focus, input:focus {
	border: 2px solid #6D6F70;
}

.mail {

	color: #6D6F70;
	font-style: italic;

}

.confirm {

	color: #6D6F70;

}

.error {

	color: #ED1C24;
	font-style: italic;


}

.social {

	margin-top: 20px;

}