body { background-color: black; background-image: url('images/bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 700px;}
.form{ margin: auto; display: block; background-color: white; border: 1px solid #ffffff; border-radius: 10px; width: 300px; padding: 20px; margin-bottom: 10px;}
.form input{width: 90%; line-height: 25px; padding: 5px; margin-bottom: 15px;  border-radius: 5px; border: 1px solid #ccc; }
.st1 {
  height: 217px; /* Change this height to change the size of the cow */
  background: url('images/banner1.jpg') bottom center no-repeat;
  background-size: contain;
}
.form1 i{margin-left: -25px; color: #d21e2a;;}
form h2{font-family: Arial, Helvetica, sans-serif; font-weight: 500; color: #d21e2a; text-align: center;}
.login {background-color: #5cb85c; color: white; padding: 10px; font-family: Arial, Helvetica, sans-serif; border-radius: 5px; text-align: center; width: 87%; margin-bottom: 10px; }
.login i{margin-left: 5%;}
.st2 { color: #5cb85c; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; width: 80%; text-align: center; margin: auto; display: block; }
a {text-decoration: none;}
.whatsapp {position: fixed; right: 1%; bottom: 10%; color: white; background-color: #5cb85c; height: 50px; width: 45px; border-radius: 50px;  }
.whatsapp i{font-size: 50px;}
.whatsapp:hover{box-shadow: 0px 0px 15px #ffffff;}
.call {position: fixed; right: 1%; bottom: 20%; color: white; background-color: #ed0c23; height: 50px; width: 50px; border-radius: 50px;  }
.call i{font-size: 30px; line-height: 50px; margin-left: 10px;;}
.call:hover{box-shadow: 0px 0px 15px #ffffff; border: 2px solid #ffffff;}
@media only screen and (max-width: 600px) {
  .form{width: 90%;}
  body{height: 900px;}
  .st1 {
    margin-top: 10%;
    height: 120px;
    background-size: cover;
  } 
  .call {bottom: 42%;}
  .whatsapp {bottom: 33%;}
}