@charset "UTF-8";

@font-face {
  font-family: "TextaAltLight";
  src: url('fonts/TextaAltLight/font.woff2') format('woff2'), url('fonts/TextaAltLight/font.woff') format('woff');
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000;
	-webkit-text-size-adjust: none;
}
.template #mainContent {
	width:100%;
	text-align: center;
	margin: 0 auto;
	-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
.content {
		width:100%;
		max-width: 900px;
		margin:auto;
	padding-top: 40px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
}
.motherboard {
	width: 100%;
	height: auto;
	margin:auto;
	padding: 60px 20px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
}

input {
	font-family: TextaAltLight;
	font-weight: 200;
	font-size:18px;
	text-align:center;
	background-color:#000;
	color:#c4c4c4;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:9px 6px 10px 6px;
	margin:25px;
	border: solid 1px #c4c4c4;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

button {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
button img{
	width: 29px;
	height: 29px;
	padding: 10px;
	background:transparent;
	border:0;
	-webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.response {
	width: 100%;
	margin:15px 0;
	font-family: TextaAltLight;
	font-size:18px;
	color: #FFFFFF;
}

@media screen and (max-width: 767px) {
	
	input {
	font-size:15px;
	text-align:center;
	background-color:#000;
	color:#c4c4c4;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:9px 6px 10px 6px;
	margin:25px;
	border: solid 1px #c4c4c4;
}
	
	
button img {
	width: 23px;
	height: 23px;
}
	
}