@charset "UTF-8";
/* =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,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%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a, a span{background:transparent;text-decoration:none;-webkit-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-moz-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-ms-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-o-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;}.btn:focus,.btn:active,a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{font-family:"BebasKai",Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;}:-moz-placeholder{font-family:"BebasKai",Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;}::-moz-placeholder{font-family:"BebasKai",Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;}:-ms-input-placeholder{font-family:"BebasKai",Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;}.btn:hover{cursor:pointer;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url("../js/boxsizing.htc");}
.clearfix:before,.clearfix:after,.container:before,.container:after,header:before,header:after,section:before,section:after,footer:before,footer:after{display:table;content:" "}.clearfix:after,.container:after,header:after,section:after,footer:after{clear:both}

/*  FONTS 
	========================================================================== */
@font-face {
	font-family: 'ArialBlack';
	src: url('../fonts/ArialBlack.eot');
	src: url('../fonts/ArialBlack.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ArialBlack.woff2') format('woff2'),
		url('../fonts/ArialBlack.woff') format('woff'),
		url('../fonts/ArialBlack.ttf') format('truetype'),
		url('../fonts/ArialBlack.svg#ArialBlack') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'BebasKai';
	src: url('../fonts/BebasKai.eot');
	src: url('../fonts/BebasKai.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/BebasKai.woff') format('woff'),
		 url('../fonts/BebasKai.ttf') format('truetype'),
		 url('../fonts/BebasKai.svg#BebasKai') format('svg');
	font-weight: bold;
	font-style: normal;
}


/*  =DEFAULT & BASIC STYLES
	========================================================================== */


	
body {
	
	background-color: #fff;
background-image: url(http://wwww.virtualxporn.com/tour/custom_assets/images/back_members.jpg) ; 
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
	
	
	color: #fff;
	font:400 62.5%/1 Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}

header,
section,
footer,
.billingNotice,
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
label {
	-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}
	label:hover {
		cursor: pointer;
	}

.logo img,
.secureGateway > img {
	display: block;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}


/*  HEADER 
	========================================================================== */
header {
	margin-top: 0.5em;
	margin-bottom: 1.2em;
}
	.logo {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}



/*  CONTENT 
	========================================================================== */
	
.footertext {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000;} 
a.footertext:link {color: #000; font-weight: bold;} 
a.footertext:visited {color: #000; font-weight: bold;} 
a.footertext:active {color: #000; font-weight: bold;} 
a.footertext:hover {color: #ff0000; font-weight: bold;}
	
.button{
border: 1px solid #464545;
display: block;
background: #313131;
background: -moz-linear-gradient(top,  #313131 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#141414));
background: -webkit-linear-gradient(top,  #313131 0%,#141414 100%);
background: -o-linear-gradient(top,  #313131 0%,#141414 100%);
background: -ms-linear-gradient(top,  #313131 0%,#141414 100%);
background: linear-gradient(to bottom,  #313131 0%,#141414 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#141414',GradientType=0 );
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0.5em 3em;
position: relative;
font: bold 2.2em/1.2 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
text-shadow: 1px 1px 0 #000000;
margin-left:auto; 
margin-right:auto;
padding: 0 10px;
padding-top: 5px;
height: 35px;
line-height: 19px;
text-align: center;
color: FFFFFF;
cursor: pointer;
margin-bottom: 0.5em;}


.pressed-button{
border: 1px solid #c00000;
display: block;
background: #770101;
background: -moz-linear-gradient(left,  #770101 0%, #b90101 50%, #770101 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#770101), color-stop(50%,#b90101), color-stop(100%,#770101));
background: -webkit-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
background: -o-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
background: -ms-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
background: linear-gradient(to right,  #770101 0%,#b90101 50%,#770101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770101', endColorstr='#770101',GradientType=1 );
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0.5em 3em;
position: relative;
font: bold 2.2em/1.2 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
text-shadow: 1px 1px 0 #000000;
margin-left:auto; 
margin-right:auto;
padding: 0 10px;
padding-top: 5px;
height: 35px;
line-height: 19px;
text-align: center;
color: FFFFFF;
cursor: pointer;
margin-bottom: 0.5em;}




.button:hover{
display: block;
border: 1px solid #605e5e;
					background: #4b4b4b;
					background: -moz-linear-gradient(top,  #4b4b4b 0%, #2e2e2e 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#2e2e2e));
					background: -webkit-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: -o-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: -ms-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: linear-gradient(to bottom,  #4b4b4b 0%,#2e2e2e 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#2e2e2e',GradientType=0 );
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0.5em 3em;
position: relative;
font: bold 2.2em/1.2 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
text-shadow: 1px 1px 0 #000000;
margin-left:auto; 
margin-right:auto;
padding: 0 10px;
padding-top: 5px;
height: 35px;
line-height: 19px;
text-align: center;
color: FFFFFF;
cursor: pointer;
margin-bottom: 0.5em;}

	
section {
	background-color:rgba(0, 0, 0, 0.8);
	
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.46);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.46);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.46);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 2em;
	padding: 3em 2em;
}



#joinForm h2 {
	color: #fff;
	font: bold 3.5em/1.5 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
	letter-spacing: -0.3px;
	letter-spacing: -0.03em;
}
	#joinForm h2 span {
		background: url("../images/bg-headings.png") no-repeat 50% center transparent;
		color: #efef96;
		font: bold 0.77em/1.93 "ArialBlack", Arial, Helvetica, sans-serif;
		display: inline-block;
		padding-right: 0.8em;
	}
.formColumn {
	float: left;
	padding: 0 1%;
}
	.formColumn.account {
		width: 25%;
	}
	.formColumn.membership {
		margin-left: 2%;
		width: 73%;
	}

	.account label > span,
	.textfield {
		border: none;
		color: #979797;
		font: 1.8em/2.55 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
		height: 2.55em;
		letter-spacing: 1px;
		letter-spacing: 0.1em;
		margin: 0.5em 0 0.5em 2.5%;
		padding: 0 0.5em;
		width: 95.5%;
	}
		.textfield:focus {
			color: #777;
		}
		.account label {
			display: block;
		}
	

	.checkboxLabel {
		display: block;
		margin-bottom: 0.66em;
	}
		.account label > span {
			color: #fff;
			line-height: 1.2;
		}
			label > span.checkboxNote {
				color: #fff;
			}

	.secureGateway {
		margin-top: 4em;
	}


	.membership .radiofield {
		margin-bottom: 1em;
		position: relative;
	}
		.membership .radiofield em {
			display: inline-block;
			font: bold 4em/1.2 "BebasKai", Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", Calibri, sans-serif;
			letter-spacing: 0.1px;
			letter-spacing: 0.02em;
			margin-left: 0.75em;
			text-shadow: 3px 3px 0 #000;
		}
			.membership .radiofield em > small {
				display: block;
				font: 0.3em/1.2 Helvetica, Arial, sans-serif;
				letter-spacing: 1px;
				letter-spacing: 0.1em;
			}
			.membership .radiofield input:checked + span > em {
				text-shadow: 3px 3px 0 #510000;
			}
		.membership .radiofield label {
			cursor: pointer;
			position: relative;
		}
			.membership .radiofield input {
				display: none;
			}
			.membership .radiofield label > span {
				border: 1px solid #464545;
				display: block;
				background: #313131;
				background: -moz-linear-gradient(top,  #313131 0%, #141414 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#141414));
				background: -webkit-linear-gradient(top,  #313131 0%,#141414 100%);
				background: -o-linear-gradient(top,  #313131 0%,#141414 100%);
				background: -ms-linear-gradient(top,  #313131 0%,#141414 100%);
				background: linear-gradient(to bottom,  #313131 0%,#141414 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#141414',GradientType=0 );
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				padding: 0.5em 3em;
				position: relative;
			}
				.membership .radiofield label > span:hover {
					border: 1px solid #605e5e;
					background: #4b4b4b;
					background: -moz-linear-gradient(top,  #4b4b4b 0%, #2e2e2e 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#2e2e2e));
					background: -webkit-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: -o-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: -ms-linear-gradient(top,  #4b4b4b 0%,#2e2e2e 100%);
					background: linear-gradient(to bottom,  #4b4b4b 0%,#2e2e2e 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#2e2e2e',GradientType=0 );
				}
				.membership .radiofield input:checked + span {
					background: #770101;
					background: -moz-linear-gradient(left,  #770101 0%, #b90101 50%, #770101 100%);
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,#770101), color-stop(50%,#b90101), color-stop(100%,#770101));
					background: -webkit-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
					background: -o-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
					background: -ms-linear-gradient(left,  #770101 0%,#b90101 50%,#770101 100%);
					background: linear-gradient(to right,  #770101 0%,#b90101 50%,#770101 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770101', endColorstr='#770101',GradientType=1 );
					border-color: #c00000;
				}

			.membership .radiofield span > span:before {
				background-color: #fff;
				border: 1px solid #595959;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
				-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
				box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
				content: "";
				display: inline-block;
				height: 30px;
				left: 2%;
				margin-top: -15px;
				position: absolute;
				top: 50%;
				width: 30px;
			}
				.membership .radiofield input:checked + span > span:before {  
					border: 1px solid #393939;
					content: "\2022";
					color: #b90101;
					font: normal 52px/0.4 Verdana, sans-serif;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
				}

			.membership .radiofield label > span > strong.amount {
				color: #fff;
				float: right;
				font: normal 2.5em/1.4 "Arial", Arial, Helvetica, sans-serif;
				text-shadow: 2px 3px 0 #000;
			}
	
			.membership .radiofield input:checked + span  > strong.amount {
				text-shadow: 2px 3px 0 #510000;
			}

			.membership .small {
			  font-size: 1.4em;
			  line-height: 1.2;
			  clear: both;
			  display: block;
			  text-align: center;
			  color: #fff;
			  font-weight: 300;
			  letter-spacing: -0.02em;
			}



	.btn.btnSubmit {
		background: #ff0000;
		background: -moz-linear-gradient(top,  #ff0000 3%, #ba0101 32%, #730101 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ff0000), color-stop(32%,#ba0101), color-stop(100%,#730101));
		background: -webkit-linear-gradient(top,  #ff0000 3%,#ba0101 32%,#730101 100%);
		background: -o-linear-gradient(top,  #ff0000 3%,#ba0101 32%,#730101 100%);
		background: -ms-linear-gradient(top,  #ff0000 3%,#ba0101 32%,#730101 100%);
		background: linear-gradient(to bottom,  #ff0000 3%,#ba0101 32%,#730101 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#730101',GradientType=0 );
		border: none;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: 0 -3px 0 0 rgba(255,0,0,0.75) inset;
		-moz-box-shadow: 0 -3px 0 0 rgba(255,0,0,0.75) inset;
		box-shadow: 0 -3px 0 0 rgba(255,0,0,0.75) inset;
		color: #fff;
		display: block;
		font: bold 4.5em/2.3 "ArialBlack", Arial, Helvetica, sans-serif;
		height: 2.3em;
		max-width: 500px;
		margin: 0.5em auto;
		text-shadow: 2px 2px 2px rgba(0,0,0,0.49);
		text-transform: uppercase;
		width: 100%;
	}
		.btn.btnSubmit:hover {
			background: #ff0000;
			background: -moz-linear-gradient(top,  #ff0000 3%, #ed0101 32%, #a60101 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ff0000), color-stop(32%,#ed0101), color-stop(100%,#a60101));
			background: -webkit-linear-gradient(top,  #ff0000 3%,#ed0101 32%,#a60101 100%);
			background: -o-linear-gradient(top,  #ff0000 3%,#ed0101 32%,#a60101 100%);
			background: -ms-linear-gradient(top,  #ff0000 3%,#ed0101 32%,#a60101 100%);
			background: linear-gradient(to bottom,  #ff0000 3%,#ed0101 32%,#a60101 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a60101',GradientType=0 );
			text-shadow: 2px 2px 2px rgba(0,0,0,0.69);
		}
		.btn.btnSubmit:active {
			-webkit-box-shadow: 0 -1px 0 0 rgba(255,0,0,0.95) inset;
			-moz-box-shadow: 0 -1px 0 0 rgba(255,0,0,0.95) inset;
			box-shadow: 0 -1px 0 0 rgba(255,0,0,0.95) inset;
			position: relative;
			text-shadow: none;
			top: 2px;
		}




.small.billingNotice {
	clear: both;
	color: #696969;
	font-size: 1.3em;
	font-weight: 300;
	letter-spacing: -0.65px;
	letter-spacing: -0.06em;
	line-height: 1.2;
	margin: 1.5em auto 2em;
	text-align: center;
}



	#bonus > h2 {
		color: #DB0101;
		font: bold 8.5em/1.2 "ArialBlack",Arial,Helvetica,sans-serif;
		letter-spacing: -2px;
		letter-spacing: -0.05em;
		margin-bottom: 0.3em;
		text-align: center;
	}
	.pitch {
		color: #fff;
		font: bold 2.4em/1.2 "ArialBlack", Arial, Helvetica, sans-serif;
		text-align: center;
		margin-bottom: 1em;
	}

	.block {
		margin-left: -5px;
		margin-right: -5px;
	}
		.box {
			color: #fff;
			font: bold 1.9em/1.2 "ArialBlack", Arial, Helvetica, sans-serif;
			float: left;
			padding: 0 5px 20px;
			width: 25%;
		}
			.box > span,
			.box > img {
				display: block;
				max-width: 100%;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
			}
			.box > img {
				border: 3px solid #230e28;
			}
				.box:hover > img {
					border: 3px solid #303030;
					cursor: help;
				}


/*  FOOTER 
	========================================================================== */

.footer {
	font-size: 1.3em;
	font-weight: 300;
	letter-spacing: -0.2px;
	letter-spacing: -0.02em;
	line-height: 1.2;
	padding: 1em 0 2em;
	text-align: center;
}
	.footer p {
		margin-bottom: 0.25em;
	}
		footer p:first-child {
			margin-bottom: 1em;
		}
	.footer a {
		color: #000;
		font: bold 1.46em/1.2 "ArialBlack", Arial, Helvetica, sans-serif;
		text-decoration: underline;
	}
		.footer a:hover {
			color: #ff0000;
			text-decoration: underline;
		}

		

		
		

/*  ==========================================================================
	MEDIA QUERIES 
	========================================================================== */
@media (min-width:992px) and (max-width:1240px){
	header,
	section,
	footer,
	.billingNotice,
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	
	#joinForm h2 {
		font-size: 3.1em;
		padding-bottom: 0.5em;
	}

	.membership .small {
		padding: 0 1.6em;
	}
	label > span.checkboxNote {
		font-size: 1.6em;
	}
	#bonus > h2 {
		font-size: 7.4em;
	}
	.box {
		font-size: 1.6em;
	}
	.pitch {
		font-size: 1.9em;
	}
	.small.billingNotice {
		padding: 0 5em;
	}
}
@media (min-width:768px) and (max-width:991px){
	header,
	section,
	footer,
	.billingNotice,
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 730px;
	}
	
	#joinForm h2 {
		font-size: 2.8em;
		padding-bottom: 0.5em;
	}

	.membership .small {
		padding: 0 1.6em;
	}
	label > span.checkboxNote {
		font-size: 1.6em;
	}
	#bonus > h2 {
		font-size: 5.5em;
	}
	.box {
		font-size: 1.55em;
		width: 33%;
	}
	.pitch {
		font-size: 1.9em;
	}
	.small.billingNotice {
		padding: 0 5em;
	}
	.formColumn.account {
		width: 30%;
	}
	.formColumn.membership {
		width: 68%;
	}
	.membership .radiofield em {
		font-size: 3.2em;
	}
	.membership .radiofield label > span {
		padding: 0.5em 2em;
	}
	.membership .radiofield label > span > strong.amount {
		font-size: 2.7em;
		line-height: 1.9em;
	}
	.btn.btnSubmit {
		font-size: 3.8em;
	}
	.account label > span {
		font-size: 1.7em;
		padding-left: 1%;
	}
}
@media (min-width:480px) and (max-width:767px){
	header,
	section,
	footer,
	.billingNotice,
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 450px;
	}
	
	#joinForm h2 {
		font-size: 2.8em;
		padding-bottom: 0.5em;
	}

	label > span.checkboxNote {
		font-size: 1.6em;
	}
	#bonus > h2 {
		font-size: 3.3em;
		line-height: 1;
	}
	.box {
		font-size: 1.4em;
		width: 50%;
	}
	.pitch {
		font-size: 1.5em;
	}
	.small.billingNotice {
		padding: 0 5em;
	}
	.formColumn {
		display: block;
		float: none;
		margin: 0 auto 1em;
	}
	.formColumn.account,
	.formColumn.membership {
		width: 100%;
	}
	.membership .radiofield em {
		font-size: 2.8em;
	}
	.membership .radiofield label > span {
		padding: 0.5em 2em;
	}
	.membership .radiofield label > span > strong.amount {
		font-size: 2.2em;
		line-height: 1.9em;
	}
	.btn.btnSubmit {
		font-size: 3.3em;
	}
	.account label > span {
		font-size: 1.7em;
		padding-left: 1%;
	}
}
@media (max-width:479px){
	header,
	section,
	footer,
	.billingNotice,
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}
	header {
		margin-top: 2em;
	}
	#joinForm h2 {
		font-size: 2.6em;
		padding-bottom: 0.5em;
	}

	label > span.checkboxNote {
		font-size: 1.3em;
	}
	#bonus > h2 {
		font-size: 2.1em;
		line-height: 1;
	}
	.box {
		font-size: 1.4em;
		width: 100%;
	}
	.pitch {
		font-size: 1.3em;
	}
	.small.billingNotice {
		padding: 0 3em;
	}
	.formColumn {
		display: block;
		float: none;
		margin: 0 auto 1em;
	}
	.formColumn.account,
	.formColumn.membership {
		width: 100%;
	}
	.membership .radiofield em {
		font-size: 1.8em;
	}
	.membership .radiofield label > span {
		padding: 0.5em 1em;
	}
	.membership .radiofield label > span > strong.amount {
		font-size: 1.7em;
		line-height: 1.7em;
	}
	.btn.btnSubmit {
		font-size: 2em;
	}
	.account label > span {
		font-size: 2em;
		padding-left: 1%;
	}
	.membership .small {
		font-size: 1.2em;
	}
	.membership .radiofield span > span:before {
		height: 20px;
		width: 20px;
	}
	.membership .radiofield input:checked + span > span:before {
		font-size: 33px;
	}
}