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

.heart-logo {
	width: 150px;
	height: 150px;
	margin:5px -20px;
	background:url(../images/community_heart_sm.png) no-repeat center left;
	background-size:contain;
}

.security-badge {
  margin: 30px 0 4em;
}

.form-box-v2 .form-title {
	font-size: 2em;
	margin: 0.7em 0 0.3em;
}


@media only screen and (max-width: 950px) {
	#main { background:none; }
	
	.main-container {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.left-section,
	.right-section {
		width:100%;
		max-width:620px;
		margin:0 auto;
	}
	.left-section { padding-bottom:2em; }
	.right-section { padding-bottom:6em; background:none; }
	
	.right-section .form-box-v2 { max-width:none; }
	
	.left-section .countdownV2 { display:flex; }
	.right-section .countdownV2 { display:none; }
	
	.member,
	.benefits-list,
	.terms-text,
	.security-badge { display:none; }
	
	.right-content h2.txt-top { margin-top:1.4em; }
	
	.right-section .badge-premium { display:none; }
}
@media only screen and (max-width: 650px) {
	.left-section { padding-bottom:0; }
	.right-section { }
	.right-section .form-box-v2 { box-shadow:none; padding:0; }
	.form-box-v2 .form-title {
	    font-size:var(--left-section-h1); margin-top:0; 
	}
}
@media only screen and (max-width: 500px) {
	.heart-logo { display:none; }
	.page-hd {
	  margin-top: 70px;
	}
}
@media only screen and (max-width: 450px) {
}