body, html {
   height: 100%;
}

.bg-image {
   background: rgba(67,141,215,1) url('../images/background.jpg');

   width    : 100%;
   height   : 100%;
   padding  : 50px 0;

   filter: blur( 20px );
   -webkit-filter: blur( 20px );

   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.bg-text {
   background: rgba(67,141,215,1) url('../images/background.jpg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;

   color: white;
   font-weight: bold;
   border: 3px solid #f1f1f1;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
   width: 90%;
   padding: 100px 50px;
   text-align: center;
}

div.div-form-login
{
   background-color: rgba( 0 , 0 , 0 , 0.7);
   padding: 20px;
   border-radius: 20px;
}

div.div-form-login-small {
   display: none;
}

img.logo-sekolah {
   display: block;
   margin: 30px auto;
   height: 280px;
}

h6.display-kipin-pto-v 
{
   padding: 0px;
   margin: 0px;
   visibility: hidden;
}

/* utk layar hape perkecil ukurannya */
@media only screen and ( max-width: 768px )
{
   .div-home-logo 
   {
      margin-top: 0px;
   }

   img.logo-sekolah
   {
      height: 130px;
   }

   .display-none {
      display: none;
   }

   .logo-pto {
      height: 40px;
   }

   .btn-login {
      font-size: 0.9em;
   }

   h6.display-kipin-pto-v 
   {
      visibility: initial;
   }

}

@media only screen and (max-width: 1200px) 
{
   form.form-horizontal > div > label {
      text-align: center;
   }

   form.form-horizontal > div > div > input {
      text-align: center;
   }

   .btn-neat {
      width: 100%;
      margin-bottom: 10px;
   }
}