body {
	padding-top: 20px;
	padding-bottom: 40px;
	background-color: #fff;
}

span{
	color:#f00;
}

h1 {
	font-size:20px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif
}

.form-signin {
		text-align: center;
    	max-width: 80%;
		padding: 10px 35px 10px 35px;
		margin: 15px auto 5px ;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.pie {
	font-color: #f5f5f5;
	font-size:9px
}
.g-recaptcha {
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	align-items: center;  
}

@media screen and (max-width: 240px){
	.g-recaptcha {
	transform:scale(0.5);-webkit-transform:scale(0.5);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
       max-width: 100%;
   }
   .form-signin h2{
   	font-size: 16px;
   }
}

@media screen and (min-width: 240px) and (max-width: 319px){
	.g-recaptcha {
	transform:scale(0.5);-webkit-transform:scale(0.5);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
       max-width: 100%;
   }
   .form-signin h2{
   	font-size: 14px;
   }
}

@media screen and (min-width: 320px) and (max-width: 360px){
	.g-recaptcha {
	transform:scale(0.75);-webkit-transform:scale(0.75);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
	       max-width: 100%;
	}
	.form-signin h2{
	   	font-size: 16px;
	}
}

@media screen and (min-width: 360px) and (max-width: 480px){
	.g-recaptcha {
	transform:scale(0.69);-webkit-transform:scale(0.69);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 85%;
	}
	.form-signin h2{
	   	font-size: 18px;
	}	
}

@media screen and (min-width: 481px) and (max-width: 620px){
	.g-recaptcha {
	transform:scale(0.79);-webkit-transform:scale(0.79);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 75%;
	}
}

@media screen and (min-width: 621px) and (max-width: 750px){
	.g-recaptcha {
	transform:scale(0.79);-webkit-transform:scale(0.79);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 65%;
	}
}

@media screen and (min-width: 751px) and (max-width: 970px){
	.g-recaptcha {
	transform:scale(0.79);-webkit-transform:scale(0.79);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 60%;
	}
}

@media screen and (min-width: 960px) and (max-width: 1170px) {
	.g-recaptcha {
	transform:scale(0.85);-webkit-transform:scale(0.85);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 43%;
	}
}

@media screen and (min-width: 1171px) and (max-width: 1280px) {
	.g-recaptcha {
	transform:scale(0.85);-webkit-transform:scale(0.85);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 95%;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1360px) {
	.g-recaptcha {
	transform:scale(0.90);-webkit-transform:scale(0.90);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 95%;
	}
}

@media screen and (min-width: 1361px)  and (max-width: 1599px) {
	.g-recaptcha {
	transform:scale(0.90);-webkit-transform:scale(0.90);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 95%;
	}
}

@media screen and (min-width: 1600px)  and (max-width: 1900px) {
	.g-recaptcha {
	transform:scale(0.90);-webkit-transform:scale(0.90);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 80%;
	}
}

@media screen and (min-width: 1901px)  {
	.g-recaptcha {
	transform:scale(0.90);-webkit-transform:scale(0.90);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	.form-signin {
		max-width: 65%;
	}
}