body {
margin:0px;
 background: #121212 url('/capturepage1-atcomputer.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
font-size:1.25em;
}



header {

width:100%;
display:block;
padding:1em 0;
}

header .container {
width:95%;
max-width:700px;
margin: 1em 0 0 3%;
position:relative;
}

img {
display:block;
margin:auto;
max-width:100%;
}


header h1 {
color:#FFFFFF;
text-align:center;
font-family: 'Oswald', Tahoma, Verdana, sans-serif;
font-weight:normal;
font-size:2.6em;
margin:0;
}



header h1 span {
font-weight:bold;
}


header h2 {
color:#2c2c2c;
text-align:center;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:bold;
font-size:1.414em;
margin:0px 0 0.56em 0;

}


h3 {
color:#2c2c2c;
text-align:center;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:bold;
font-size:1.999em;
margin:1.25em 0 0.56em 0;
}

h3 span {
font-weight:bold;
}



p {
color:#6f6f6f;
text-align:center;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:normal;
font-size:1em;
margin:0px 0 0.56em 0;

}




p img {
display:inline;
}

header #buttoncontainer {
background:#fff;
width:95%;
padding:1em 2.5%;
position: relative;
bottom: -2.75em;
border-bottom:5px solid #a64db8;
}


header #buttoncontainer a, #popup input[type=submit], button {
background:#a64db8;
display:block;
width:92%;
margin:auto;
padding:.5em 2.5%;
color:#fff;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:bold;
text-decoration:none;
font-size:1.666em;
position:relative;
text-align:center;
border-bottom:3px solid #a64db8;
border-radius:.25em;
-o-border-radius:.25em;
-moz-border-radius:.25em;
-webkit-border-radius:.25em;
cursor:pointer;
}


header #buttoncontainer a:visited {
color:#fff;
}

header #buttoncontainer a:hover , #popup input[type=submit]:hover, button:hover {
background:#a64db8;
}

header #buttoncontainer a #arrow {
position:absolute;
top:-1em;
left:-2.35em;

}

header #buttoncontainer a img {
	display:inline;
}


footer {
margin: 0 0 1em 0;
width:100%;
color:#FFFFFF;
position:absolute;
bottom:0;
}

footer p {
font-size:0.707em;
color:#FFFFFF;
}

footer a {
color:#FFFFFF;
text-decoration:none;

}

footer a:visited {
color:#FFFFFF;
text-decoration:none;

}

footer a:hover{
color:#FFFFFF;
text-decoration:underline;

}




/* POPUP  STYLES **************************** */

#popup {
position:absolute;
width:100%;
display:none;
}


#popup span {
color:#a90000;
text-align:center;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:normal;
font-size:1em;
margin:0px 0 0.56em 0;

}


#popup #close {
cursor:pointer;
width:25px;
height:25px;
text-align:Center;
color:#fff;
background:#1a1a1a;
border:2px solid #ffffff;
border-radius:50%;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size:0.9em;
font-weight:bold;
line-height:1.4em;
box-shadow:1px 3px 4px rgba(0, 0, 0, .35);
position:absolute;
top:-.5em;
right:-.5em;
}

#popup .wrapper {
max-width:700px;
padding:1.25em 2%;
width:91%;
border:4px solid #2c2c2c;
margin:1.333em auto;
background:#fff;
border-radius:.5em;
-o-border-radius:.5em;
-moz-border-radius:.5em;
-webkit-border-radius:.5em;
position:relative;
z-index:9999;
}


#popup h1 {
	font-family: 'Oswald', sans-serif;
	text-align:center;
	font-size:1.7em;
	color:#3f3f3f;
	font-weight:normal;
	
}


#popup h4 {
color:#2c2c2c;
text-align:center;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight:bold;
font-size:1.414em;
margin:0px 0 0.56em 0;


}

#popup .onecolumn {
width:92%;
margin:1em 4%;
}

#popup .twocolumn {
width:42%;
float:left;
margin:1em 4%;
}

#popup  input[type=text], #popup input[type=email] {
background:#f1f1f1;
border:3px solid #c1c1c1;
position:relative;
font-size:.875em;
color:#6b6b6b;
font-family: 'Source Sans Pro', Arial, sans-serif;
background:#f1f1f1;
padding:.75em 6% .75em 2%;
display:block;
}


#popup #fname {
background-image:url('/capturepage1-personicon.png');
background-size: 20px 19px;
background-repeat:no-repeat;
background-position: 95% 50%;
position:relative;
width:92%;
}

#popup #phone {
background-image:url('/capturepage1-cellphone.png');
background-size: 20px 26px;
background-repeat:no-repeat;
background-position: 95% 50%;
position:relative;
width:92%;
}

#popup #email {
background-image:url('/capturepage1-emailicon.png');
background-size: 22px 16px;
background-repeat:no-repeat;
background-position: 95% 50%;
position:relative;
clear:left;
margin:auto;
width:92%;
}



#popup .after {
clear:left;
}

#popup input[type=submit], button {
display:block;
margin:.5em auto;
border-top:0px;
border-left:0px;
border-right:0px;
}


/* MEDIA QUERIES */

@media screen and (max-width: 850px) {
header h1 {
font-size:2.141em;

}
footer { position:relative; margin:4em auto 1em auto; }

}

@media screen and (max-width: 660px) {
#popup .twocolumn {
float:none;
width:85%;
}

#popup #name, #popup #cellphone {
 width:100%; 
 }




}




@media screen and (max-width: 600px) {
header h1 {
font-size:1.999em;

}

header #buttoncontainer a #arrow {
left:-1.5em;
}



}


@media screen and (max-width:480px) {
header h1 {
font-size:1.666em;

}

header h2 {
font-size:1.1em;

}

header #buttoncontainer a {
font-size:1.2em;
}

header #buttoncontainer a #arrow {
left:-2em;

}

p {
font-size:0.79em;
}

h3 {
font-size:1.317em;
margin-top:2em;
}

}