a,

body,

div,

form,

h2,

h1,

h3,

h4,

h5,

h6,

html,

i,

img,

p,

s {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline

}



a {

	text-decoration: none

}



img {

	max-width: 100%

}



body {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 100%;

	background: url(/images/background.jpg) no-repeat 0 0;

	background-size: cover;

	background-attachment: fixed;

	padding: 3em 0

}



body a {

	transition: .5s all;

	-webkit-transition: .5s all;

	-moz-transition: .5s all;

	-o-transition: .5s all;

	-ms-transition: .5s all

}



h2 {

	font-size: 1.5em;

	color: #fff;

	letter-spacing: 10px;

	text-transform: uppercase;

	text-align: center;

	font-weight: 600;

	width: 32%;

	margin: 0 auto;

	border: 2px solid #fff;

	padding: 10px

}



h1 {

	font-size: 32px;

	color: #fff;

	margin-top: 20px;

	margin-bottom: 20px

}



.wthree-info p {

	color: #fff;

	font-size: 1.5em;

	letter-spacing: 1px;

	margin: 0 0 .5em 0;

	font-weight: 100

}



@-webkit-keyframes effect-2 {

	from {

		transform: rotate(0)

	}

	to {

		transform: rotate(360deg)

	}

}



@keyframes effect-2 {

	from {

		transform: rotate(0)

	}

	to {

		transform: rotate(360deg)

	}

}



::-webkit-input-placeholder {

	color: #eee

}



::-moz-placeholder {

	color: #eee

}



::-ms-input-placeholder {

	color: #eee

}



::-moz-placeholder {

	color: #eee

}



.agile {

	text-align: center

}



.text {

	font-size: .8em;

	color: #fff;

	margin-top: .5em;

	text-align: center;

	letter-spacing: 4px;

	font-weight: 100

}



.form_number {

	text-align: center;

	width: 60%;

	margin: 1em auto 0;

	position: relative

}



.form_number h1 {

	color: #fff;

	font-size: 1em;

	margin: 0 0 1em 0;

	text-transform: uppercase;

	letter-spacing: 2px

}



.form_number input[type=tel] {

	padding: 13px 20px 13px 30px;

	border: 2px solid #fff;

	width: 90%;

	text-align: left;

	font-size: 15px;

	color: #fff;

	background-color: transparent;

	outline: 0;

	letter-spacing: 2px;

	border-radius: 30px;

	-ms-border-radius: 30px;

	-o-border-radius: 30px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	font-family: 'Source Sans Pro', sans-serif

}



.form_number input[type=submit] {

	width: 25%;

	height: 41px;

	color: #333;

	cursor: pointer;

	font-size: 15px;

	text-transform: uppercase;

	letter-spacing: 1px;

	background-color: #fff;

	position: absolute;

	top: 4px;

	right: 6px;

	padding: 0;

	border: none;

	outline: 0;

	border-radius: 30px;

	-ms-border-radius: 30px;

	-o-border-radius: 30px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	font-family: 'Source Sans Pro', sans-serif;

	transition: .5s all;

	-webkit-transition: .5s all;

	-moz-transition: .5s all;

	-o-transition: .5s all;

	-ms-transition: .5s all

}



.form_number input[type=submit]:hover {

	background: #999;

	color: #fff;

	transition: .5s all;

	-webkit-transition: .5s all;

	-moz-transition: .5s all;

	-o-transition: .5s all;

	-ms-transition: .5s all

}



.copy p {

	color: #fff;

	font-size: 16px;

	letter-spacing: 2px;

	margin: 2em 0 0 0

}



.copy p a {

	color: #fff;

	text-decoration: none

}



.copy p a:hover {

	color: #999

}



@media (max-width:1440px) {

	.form_number input[type=submit] {

		right: 2px

	}

}



@media (max-width:1366px) {

	h2 {

		letter-spacing: 8px

	}

	.form_number {

		width: 61%

	}

}



@media (max-width:1280px) {

	.form_number input[type=tel] {

		width: 89%

	}

}



@media (max-width:1080px) {

	h2 {

		letter-spacing: 6px;

		width: 35%

	}

	.form_number input[type=submit] {

		width: 30%

	}

	.form_number input[type=tel] {

		width: 87%

	}

}



@media (max-width:1024px) {

	h2 {

		width: 38%

	}

	.form_number {

		width: 62%

	}

}



@media (max-width:991px) {
	.form_number {

		width: 64%

	}

	.wthree-info p {

		font-size: 1.3em

	}

}



@media (max-width:900px) {

	h2 {

		width: 42%

	}

	.form_number {

		width: 66%

	}

}



@media (max-width:800px) {

	h2 {

		width: 45%;

		letter-spacing: 5px

	}

	.form_number {

		width: 70%

	}

	.copy p {

		font-size: 15px

	}

}



@media (max-width:768px) {

	.form_number {

		width: 72%

	}

}



@media (max-width:736px) {

	h2 {

		width: 48%;

		font-size: 1.4em;

		letter-spacing: 5px

	}

	.form_number {

		width: 73%

	}

	.form_number input[type=tel] {

		padding: 11px 20px 11px 30px

	}

	.form_number input[type=submit] {

		right: 1px;

		top: 4px;

		height: 37px

	}

}



@media (max-width:684px) {

	h2 {

		width: 50%

	}

	.form_number input[type=tel] {

		width: 86%

	}

}



@media (max-width:667px) {

	h2 {

		width: 50%;

		font-size: 1.4em;

		letter-spacing: 4px

	}

	h1 {

		font-size: 30px;

		margin-top: 15px;

		margin-bottom: 15px

	}

	.form_number {

		width: 77%

	}

}



@media (max-width:600px) {

	.wthree-info p {

		font-size: 1.2em

	}

	h2 {

		width: 52%;

		font-size: 1.3em

	}

	.form_number {

		width: 81%

	}

	.copy p {

		letter-spacing: 1px

	}

}



@media (max-width:568px) {

	.form_number {

		width: 83%

	}

	.wthree-info p {

		padding: 0 1em

	}

}



@media (max-width:480px) {

	.form_number input[type=text] {

		width: 50%

	}

	h2 {

		width: 54%;

		font-size: 1.2em;

		letter-spacing: 3px

	}

	.form_number input[type=submit] {

		right: 0;

		width: 35%

	}

	.form_number input[type=tel] {

		width: 88%;

		padding: 11px 20px 11px 20px

	}

	h1 {

		font-size: 26px;

		margin-bottom: 10px

	}

}



@media (max-width:414px) {

	h2 {

		font-size: 1em

	}

	.wthree-info p {

		font-size: 1em

	}

	.form_number {

		width: 89%

	}

	.form_number input[type=tel] {

		letter-spacing: 1px

	}

	h2 {

		width: 61%;

		font-size: 1.1em;

		letter-spacing: 3px

	}

}



@media (max-width:384px) {

	.text {

		letter-spacing: 2px

	}

	.form_number input[type=submit] {

		right: 0;

		width: 40%

	}

	.form_number {

		width: 92%

	}

	h2 {

		width: 70%

	}

}



@media (max-width:375px) {

	.wthree-info p {

		font-size: .9em

	}

	.form_number input[type=tel] {

		width: 87%

	}

	.form_number {

		margin: 0 auto 2em

	}

}



@media (max-width:320px) {

	.text {

		letter-spacing: 1px

	}

	.form_number input[type=text] {

		padding: .5em

	}

	.form_number input[type=tel] {

		width: 86%

	}

	.wthree-info p {

		font-size: .875em

	}

	h2 {

		width: 77%

	}

}

.responsive {

  width: 30%;

  height: auto;

}