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

.sign-in-wrapper h1 { font-size:4.375em; margin-bottom:50px; line-height:1; }
.sign-in-wrapper { overflow:hidden; background:#c0c7b8; }
.sign-in-image { float:left; width:50%; background:url(/sign-in/images/sign-up-bg.png) left center no-repeat; background-size:95%; padding-bottom:40%; }
.sign-in-selector { float:right; width:50%; text-align:center; }
.sign-in-selector-inner { padding:10% 5%; }

.sign-in-selector-inner p { margin:0 -10px; }
.sign-in-selector-inner a { display:inline-block; text-align:center; font-size:1em; padding:5px; width:100%; max-width:250px; background:#40A035; border-radius:100px; color:#FFF; margin:0 10px 20px 10px; }
.sign-in-selector-inner a:hover { background:#39B332; }


@media screen and (max-width: 920px) {
	
	.sign-in-wrapper h1 { font-size:3.75em; }
	
}

@media screen and (max-width: 768px) {
	
	.sign-in-wrapper h1 { font-size:3em; }
	
}

@media screen and (max-width: 568px) {
	
	.sign-in-wrapper h1 { font-size:2.3125em; max-width:300px; margin: 0 auto 30px auto; }
	.sign-in-wrapper > div { float:none; width:auto; }
	.sign-in-image { background-size: 110%; padding-bottom: 80%; }
	
}