*
{
margin:0; 
}
body 
{
    background: url(bg.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}
.login-form
{
  width:380px;
  background:rgba(0,0,0,0.5);
  border:3px solid #fff;
  position:absolute;
  right:15%;
  top:5%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px 0px;
}
.login-form h2
{
  text-align:center;
  font:30px Verdana; 
  color:#FEC200;
}
.form
{
   padding:20px 50px;
}
.label
{
  font:20px Verdana;
  color:#fff;
  padding:5px 0;
  display:block;
}
.txt-box
{
  width:100%;
  padding:0 0 2px 0;
}
.txt-user
{
  color:#444;
  border:2px solid #FECB01;
  height:42px;
  width:88%;
  padding:0 0 0 35px;
  font-size:19px;
  background:url(user.png) 10px 10px no-repeat #fff;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
}
.txt-pass
{
  border:2px solid #FECB01;
  height:42px;
  width:88%;
  padding:0 0 0 35px;
  font-size:18px;
  color:#444;
  background:url(pass.png) 10px 7px no-repeat #fff;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
}
.log-drop
{
  color :#444;
  border:2px solid #FECB01;
  height:42px;
  width:88%;
  padding:5px;
  font-size:18px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
}
.log-btn
{
	text-align:center;
	padding:7px 23px;
	margin:15px 5px 25px 15px;
	background:#FEA700;
	border:2px solid #FFF;
	color:#262625;
	font:21px Verdana;
	-moz-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.log-btn:hover
{
  cursor:pointer;
  background:#555;
  border:2px solid #FEA700;
  color:#FEA700;
}
@media (max-width:480px)
{
	.login-form
	{
	  width:90%;
	  right:5%;
	  top:10%;
	}
	.form
	{
	padding: 20px 30px;	
	}
}