#mainContent { max-width: 974px; width: 100% !important; }
.form-container { padding: 5%; width: 42%; min-width: 400px; margin: auto; font-size: 1.4em; text-align: center; }
.form-container .textbox { width: 100%; margin: auto; padding: 5px; line-height: 1.2em; border: 1px solid #ddd; margin: .5em 0; display: block; font-family: Arial, sans-serif; }
.login-label { margin-top: 1em; text-align: left; }
.login-forgot-password, .stay-signed-in, input[name="staySignedIn"] { float: left; font-size: 0.8em; display: block; }
input[name="staySignedIn"] { margin-left: 0; }
.login-forgot-password { float: right; }
.form-container .signin-button { display: block; margin: 3em 0 0; padding: 1.5%; width: 100%; border-radius: 25px; font-size: 1em; text-transform: uppercase; }
.login-divider { height: 1px; background: #ddd; display: block; overflow: visible; text-align: center; position: relative; margin: 1.5em 0;}
.login-divider span	{ padding: 0 4px; background: #fff; width: 22px; display: block; margin: auto; line-height: 1px; }
.login-social, .login-social-native { overflow: hidden; }
.login-fb, .login-google { width: 49%; display: inline-block; font-size: .8em; padding: 2.5%; float: left; }
.form-container .login-fb { background: #3b5998; color: #fff; }
.form-container .login-google { margin-left: 1%; background: #d34836; color: #fff; }
.form-container .create-an-account { color: #fff; padding: 4px 15px; text-transform: uppercase; }
.form-container.last { border-top: medium none; padding: 2%; }
#footer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footerContainer { font-size: 1.2em; margin: 0 auto; text-align: left; }

@media all and (max-width: 540px){
 #outerContainer #mainContent { padding: 0; }
 #mainContent #pnlLoginPopup { width: 100%; }
 #outerContainer .form-container { min-width: 0; width: 100%; box-shadow: none; border-top: none; padding-bottom: 10%; border-right: none; border-left: none; }
 .form-container { min-width: 0; }
 }