@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Walter+Turncoat|Architects+Daughter);

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}
body { line-height:1; }
ol, ul { list-style:none; }

table { border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }

h1, h2, h3, h4, h5, h6 { margin-bottom:10px; font-weight:400; text-shadow:0 2px 1px rgba(0,0,0, 0.8); clear:both; }

h1, h3 { font-family: 'Walter Turncoat', cursive;}
h2 { font-family: 'Architects Daughter', cursive;}

h1 { line-height:0.9;}
h2 { font-weight:600; color:#ffcc00; line-height:0.8; }
h3 { line-height:1; }

h1 span, h2 span, h3 span { display:block;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }

::-moz-selection { color:#fff;  background:#e8ba02; }
::-webkit-selection { color:#fff;  background:#e8ba02; }
::selection { color:#FFF;  background:#e8ba02; } 

a { outline:none; text-decoration:none; color:#fff; }
a:hover { color:#ffcc00;}

form { width:100%;}
p { margin:10px 0;}

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html { font-size:87.5%; }
body {
	font-family:Arial, Helvetica, sans-serif;
	text-rendering:optimizeLegibility;
	color:#fff;
	font-size:15px;
	
	/* Background Cover  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	background-attachment:fixed;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-clip:border-box;
	background-origin:border-box;
	
	min-height:100%;
}

/* Body Background Cover Images */



/* Form Background Images */
/*body.bg2 .form-wrap { background:url(images/formbg2.jpg) no-repeat; }*/

/* Page structure */

#wrapper { text-align:center;}

.form-wrap { display:block; }

input[type=text], input[type=email] { font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:10px; }
input[type=text], input[type=email] {
	background:#fff;
	border:2px solid #ffde00;
	border-radius:7px;
	
	-moz-box-shadow:inset 0 2px 3px rgba(0,0,0, 0.4);
   -webkit-box-shadow:inset 0 2px 3px rgba(0,0,0, 0.4);
   box-shadow:inset 0 2px 3px rgba(0,0,0, 0.4);
}

input[type=submit], input.button { display:block; margin:0 auto; width:256px; height:109px; text-indent:-999px; border:0; background:url(images/button.png) no-repeat; }

.safe-cancel span { width:auto; padding:5px 0 0 25px; font-size:13px; background:url(images/lock.png) no-repeat top left;}

@media screen and (min-width:768px) {

	h1 { font-size:50px; letter-spacing:-3px;}
	h2 { font-size:32px; }
	h3 { font-size:20px; }

	#wrapper { width:655px;  margin:40px  auto;}
	.form-wrap { width:605px; padding:25px 25px; border-radius:20px;}
	input[type=text], input[type=email] { font-size:15px; width:230px;}
}

@media screen and (max-width:768px) {

	h1 { font-size:40px; letter-spacing:-3px;}
	h2 { font-size:26px;}
	h3 { font-size:18px;}
	
	#wrapper { width:600px;  margin:30px auto;}
	.form-wrap { width:80%; padding:15px; border-radius:15px;}
	input[type=text], input[type=email] { font-size:15px; width:230px;}
}

@media screen and (max-width:480px) {

	h1 { font-size:35px; letter-spacing:-2px;}
	h2 { font-size:20px; }
	h3 { font-size:16px; }

	#wrapper { width: auto; padding:0 10px;  margin:10px  auto;}
	.form-wrap { width:90%; padding:20px 10px; border-radius:15px;}
	input[type=text], input[type=email] { font-size:15px; width:230px; margin:5px 0; clear:both;}
	
	.safe-cancel span { font-size:10px;}
	input[type=text], input[type=email] { font-size:15px; width:230px; margin:5px 0; clear:both;}
	
	.safe-cancel span { font-size:10px;}
}