gradient-buttons .btn {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
    background-repeat: repeat-x;
}

.login-box-body img {
    /*width: 100%;*/
    max-width:100%;
	max-height:100%;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.login-box-text
{
  text-align: center;
  font-size: 40px;
}

.login-box-body {
	/*position: relative;*/
  /* 	!*text-align: center;*!*/
  /* 	max-width: 650px;*/
  /* 	max-height: 650px;*/
  /*  !*margin: auto;*!*/
  /*  margin-top: 200px;*/
  /*  margin-bottom: auto;*/
  /*!*margin: auto;*!*/
  /*width: 50%;*/
  position: absolute; /*Can also be `fixed`*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
  max-width: 600px;
  max-height: 550px;
  overflow: auto;
  opacity: 0.85
}
.login-box-form {
  position: absolute; /*Can also be `fixed`*/
  left: 0;
  right: 0;
  /*top: 0;*/
  /*bottom: 0;*/
  margin: auto;
  /*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
  max-width: 80%;
  overflow: auto;
  opacity: 1
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  max-width: 40%;
  max-height: 40%;
  opacity: 0.6;
  pointer-events: none;
}