html {background:#3F3E40;}
body {background-color:transparent; min-width:320px;}
.container {margin:0 auto;}
.smaller {font-size: 12px;}
#login .container {width:320px; min-width:320px; padding:0; position:relative; color:#f4f4f4;}
#login #content {width:280px; margin:0 auto; overflow:visible;}
#login h1 {background:url(/img/login-logo.png) top left no-repeat; height:100px; width:147px; margin:35px auto 30px auto;}
#login h2 {display:none;}
#login section[role="main"] {background-color:transparent; padding:0;}
#login form {width:280px; float:right; margin-top:20px;}
#login form fieldset {border-bottom:none; padding:0; margin:0;}
#login legend {display:none;}
#login form fieldset label {color:#f4f4f4;}
#login label a {font-size:12px; margin-top:1px;}
#login .field-help {margin-top:-20px; color:#fefefe;}
#login input {border:none; width:100%; margin-bottom:20px; line-height:32px;}
#login input[type="submit"] {width:100%; margin-top:15px; line-height:25px;}
#login input[type="submit"]:hover {background-image:none;}
#login .mc-login {width:100%; line-height:25px;font-size: 14px;}
.api-auth strong {color:inherit; font-weight:bold;}
.api-auth .cancel {width:100%; line-height:25px;}
.api-auth p.access {font-size:16px; font-weight:bold;}
#login.no-signup .container {width:420px;}
#login.no-signup #content {width:380px;}
#login.no-signup .warning {padding:15px; color:#575757;}
#login p {color:#f4f4f4;font-size:17px;}
#login p strong {color: white;font-size:19px;}
#login #send-sms {width:100%; line-height:25px;}
#login .login-footer p {color: rgba(255,255,255,.5); font-size:12px; font-weight: 300; line-height: 15px; padding-top:30px;}
sup {vertical-align: super; font-size: 10px;}

#login.login-support .container {width:auto; max-width:600px; min-width:320px;}
#login.login-support #content {width:auto; max-width:560px; min-width:280px;}
#login.login-support .login-desc {width:280px; margin:0 auto;}
#login.login-support form {width:100%; padding:0 20px; float:none;}
#login.login-support input[type="text"] {margin-bottom:0;}
#login.login-support .field-wrapper {margin-bottom:30px;}
#login.login-support .invalid-error {padding-bottom:0;}
#support-submit .col-1-2 {padding-left:10px; width:50%;}
#support-submit .col-1-2:first-child {padding-right:10px; padding-left:0;}
#support-submit button {line-height:23px; width:100%;}

@media screen and (max-width: 480px) {
	#login h1 {margin:15px auto -15px auto; background:url(/img/login-logo-small.png) top left no-repeat;}
    #login.api-auth h1 {background:url(/img/login-logo-small.png) top left no-repeat; height:78px; width:147px; margin:20px auto 20px auto;}
    .api-auth p {font-size:14px; line-height:20px;}
    .api-auth p.access {font-size:15px; font-weight:bold;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	#login h1 {background-image:url(/img/login-logo@2x.png); background-size:147px 100px;}
}

@media screen and (max-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
	#login h1 {background-image:url(/img/login-logo-small@2x.png); background-size:147px 78px;}
}