@font-face {
  font-family: 'Circular Std Book';
  src: url('../fonts/CircularStd-Book.eot');
  src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CircularStd-Book.woff') format('woff'),
       url('../fonts/CircularStd-Book.ttf')  format('truetype'),
       url('../fonts/CircularStd-Book.svg#dd452d63ae05ddb466f19713a7d09fd5') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Circular Std Bold';
  src: url('../fonts/CircularStd-Bold.eot');
  src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CircularStd-Bold.woff') format('woff'),
       url('../fonts/CircularStd-Bold.ttf')  format('truetype'),
       url('../fonts/CircularStd-Bold.svg#b333381778fc1f96de44d359c7f8b95e') format('svg');
       
  font-style:   normal;
  font-weight:  700;
}

body {
	background-color: #FF0000;
	text-align: center;
	margin: 0 auto;
	max-width: 1200px;
}

h1{
	font: 120px/130px 'Circular Std Bold', arial, sans-serif;
	color: #fff;
	letter-spacing: 200px;
	margin-left: -27%;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

.together:hover h1 {
	letter-spacing: 1px;
	margin-left: 0;
	-moz-transition: all 1000ms;
	-o-transition: all 1000ms;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	cursor: default;
}

p{
	font: 23px/28px 'Circular Std Book', arial, sans-serif;
	letter-spacing: 1px;
	color: #fff;
}

.container {
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-o-transform: translateY(30%);
	transform: translateY(30%);
}

form {
	margin: 40px 30px 80px 30px;
}

input {
	font: 23px/28px 'Circular Std Book', arial, sans-serif;
	padding: 17px 30px 16px 30px;
	color: #000;
	display: inline-block;
	width: 45%;
	background: #fff;
	border: 0px solid #fff;
}

.button {
	font: 18px/28px 'Circular Std Book', arial, sans-serif;
	background-color: #FF0000;
    border:2px solid #fff;
    width: auto;
    color: #fff;
    font-weight: 700;
    padding: 15px 30px 15px 30px;
    margin-left: 20px;
    vertical-align: top;
}

.button:focus,
.button:hover {
	background-color: #fff;
    border:2px solid #fff;
    color: #FF0000;
    cursor: pointer;
    -moz-transition: all 150ms;
	-o-transition: all 150ms;
	-webkit-transition: all 150ms;
	transition: all 150ms;
}

h1::selection,
p::selection,
input::selection,
img::selection {
  background: #FF0000;
  color: #000;
}