/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:300;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:300;}



html,body{
margin:0;
padding:0;
font-family: 'Roboto Condensed', sans-serif;
background: #000000 url('../images/bg.jpg') no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


#wrapper{
width: 100%;
max-width: 980px;
margin: 0 auto;
}

.main{
width: 100%;
max-width: 980px;
float: left;
}

.header, .content, .bottom, .sep2{
width: 100%;
float: left;
}


h1{
color: #fff;
width: 100%;
padding: 30px 0;
margin: 110px auto 0 auto;
text-align: center;
}


span.logo{
text-transform: uppercase;
font-size: 26px;
font-weight: 300;
}

span.logo strong{
font-weight: 700;
}

span.tagline{
color: #bcbcbc;
font-size: 18px;
font-weight: 300;
}

span.tagline strong{
font-weight: 400;
}



.content{
padding-top: 0px;
color: #ffffff;
margin-bottom: 100px;
}

p.smalltext_mobile{
	display: none;
}

p.smalltext{
text-align: center;
font-size: 18px;
font-weight: 300;
padding-bottom: 10px;
}

p.smalltext span{
font-weight: 300;
font-style: italic;
}

p.largetext{
text-align: center;
font-size: 40px;
font-weight: 300;
}

p.largetext_mobile{
display: none;
}



.bottom{
padding-top: 10px;
}

.form{
margin: 0 auto;
width: 100%;
max-width: 655px;
}

.field{
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
background: #fff;
width: 65%;
max-width: 474px;
outline: none;
border: none;
font-size: 18px;
font-family: Roboto Condensed;
font-weight: 100px;
font-style: italic;
color: 000000;
margin-right: 10px;
float: left;
padding: 20px 20px 20px 20px;
}

.submit{
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
width: 35%;
max-width: 130px;
background: #222222;
float: left;
outline: none;
border: none;
font-size: 18px;
font-family: Roboto Condensed;
padding: 20px 0;
font-weight: 100px;
color: #fff;
cursor: pointer;
}


.submit:hover{
background: #999999;
}

.social_mobile{
	display: none;
}

.social{
	clear: left;
	max-width: 980px;
	width: 100%;
}

.table{
	display: table;
	margin: 0 auto;
}

.social ul{
	min-width: 500px;
	width: 100%;
	list-style: none;
	padding-top: 30px;
}

.social ul li{
	display: inline;
	color: #fff;
}

.social ul li a{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	padding: 8px;
	margin: 5px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	background: #222222;
}

.social ul li a strong{
	text-transform: uppercase;
}

.social ul li a:hover{
background: #fff;
color: #333;

}





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


	#wrapper{
	width: 100%;
	margin: 0 auto;
	}
	
	.main{
	width: 100%;
	float: left;
	}


	.header{
	 width: 100%;
	}
	
	
	h1{
	color: #fff;
	padding: 30px 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	border: none;
	}
	
	
	span.logo{
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 300;
	}
	
	span.logo strong{
	font-weight: 700;
	}
	
	span.tagline{
	color: #bcbcbc;
	font-size: 13px;
	font-weight: 300;
	}
	
	span.tagline strong{
	font-weight: 700;
	}
	

	.content{
	padding-top: 15px;
	width: 100%;
	color: #ffffff;
	margin-bottom: 20px;
	clear: both;
	}
	
	p.smalltext{
		display: none;
	}
	
	p.smalltext_mobile{
	display: inherit;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	padding-bottom: 10px;
	border-bottom: 1px dotted #435055;
	padding-bottom: 20px;
	}
	
	p.smalltext_mobile span{
	font-weight: 500;
	font-style: italic;
	}	
	
	p.largetext{
	display: none;
	}
	
	p.largetext_mobile{
	margin-top: 30px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	display: inherit;
	}	
	
	.bottom{
	padding: 10px 0 0 0;
	width: 100%;
	margin: 0;
	
	}	
	

	.form{
	width: 100%;
	padding: 0 0 30px 0;
	margin: 0;
	border-bottom: 1px dotted #435055;
	}
	
	.field{
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	background: #fff;
	width: 80%;
	min-width: 80%;
	outline: none;
	border: none;
	font-size: 18px;
	font-family: Roboto Condensed;
	font-weight: 100px;
	font-style: italic;
	color: 000000;
	margin:0 5% 10px 5%;
	float: none;
	padding: 5%;
	}
	
	.submit{
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	width: 90%;
	min-width:90%;
	background: #222222;
	float: none;
	outline: none;
	border: none;
	font-size: 18px;
	margin: 0 5%;
	font-family: Roboto Condensed;
	padding: 3% 5%;
	font-weight: 100px;
	color: #fff;
	cursor: pointer;
	}
	
	
	.submit:hover{
	background: #999999;
	}	
	
	.social{
		display: none;
	}
	
	.social_mobile{
	display: inherit;
	clear: left;
	width: 100%;
	}
	
	
	.social_mobile ul{
		padding-top: 30px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.social_mobile ul li{

		color: #fff;
		width: 100%;
	}
	
	.social_mobile ul li a{
	display: block;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		padding: 5px;
		margin: 0 20px 10px 20px;
		-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
		background: #222222;
	}
	
	.social_mobile ul li a strong{
		text-transform: uppercase;
	}
	
	.social_mobile ul li a:hover{
	background: #fff;
	color: #333;
	
	}
	
	
	
}