body{
  margin: 0;
  background: url('images/loginbg.jpg');
}

.header{
  width:100%;
  color:#fff;
  padding: 0px 5px ;
  background-color: #003366;
  box-shadow: 1px 3px 10px 2px #000;
}

.logo{
  width:100px;
  height:100px;
  border-radius: 10px;
  margin: 5px 10px;
}
.header h1{
  font-family: cambria math;
  font-size : 50px;
  text-shadow: 1px 1px  1px powderblue;
  padding:0px;
  margin:0px;
}

.heading{
   margin:2% auto;
   width:70%;
   border:8px solid;
   border-color:#0096a7 #F5821F #F5821F #0096a7;
   border-radius: 10px;
   background-color: #fff;
   text-align: center;
}

.heading h2{
   font-family:cambria math;
   font-style: italic;
   text-shadow : 1px 1px 3px #000;
   font-size:30px;
 }

 .line{
   border:2px dashed;
 }

 .btn-container-div{
   width:auto;
   margin:1% 5%;
   text-align:center;
 }

.btn-div-table{
  width:100%;
  margin: auto;
}

 .btn-div-td{
   width:50%;
   padding:0%;
 }

 .btn-div{
   border-radius:10px;
   background-color:#003366;
   color:#fff;
   padding:2% 1%;
   margin:1%;
   margin-bottom: 0px;
 }

 .btn-text{
   font-family:cambria math;
   font-size:40px;
   margin:auto;
   width:80%;
   padding:0.5%;
 }

 .btn-text:hover{
  background-color: #fff;
  color:#003366;
  border-radius: 40px;
  cursor: pointer;
 }

.img-slider{
  margin: 1.5% 3%;
  width:93%;
  padding: 10px;
  border:10px solid #003366;
  border-radius: 10px;
  background-color: #fff;
}

.img-div{
  margin-bottom: -5px;
}


.img{
  width:100%;
  height:550px;
  border-radius: 10px;
}

@media screen and (max-width: 1080px)
{
  .heading{
     margin:4% auto;
  }

  .btn-container-div{
    margin:4% 6%;
  }

  .btn-div{
    padding:4% 1%;
    margin:1%;
  }

  .btn-text{
    padding:1%;
    font-size: 28px;
  }

}