*{box-sizing:border-box;}
body,h1 {font-family: 'Baloo Chettan 2', monospace;}
body, html {height: 100%;margin:0;text-align: center;}
.bgimg {
  background-image: url('../images/14.jpg');
  min-height: 100%;
  background-position: center;
  background-size: cover;
    position:relative;color:white;font-weight:100}
  .bgimg{z-index:1;animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}


.middle{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.middle{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.middle h1{font-family: 'Oswald';font-size:64px;border-bottom:2px solid white;border-top:2px solid white;}
.middle h1{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.middle p{font-family: 'Handlee';font-weight: bold;display:inline-block;width:auto;text-align:center!important;font-size:30px;}


.topnav {
  background-color:rgba(0,0,0,0.9);
  z-index:10;
  position:fixed;width:100%;

}
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  margin: 16px 16px 16px 30px;
  text-decoration: none;
  font-size: 17px;
}
.topnav a.link:hover {
  border-bottom:2px solid #ff4d4d;
  font-size:17.5px;
}
.topnav a.active {
  border-bottom:2px solid #ff4d4d;
}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 1000px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .hd img{float:none;margin: 0 auto 0 auto;}

  .topnav a.active{color: #ff4d4d;border-bottom:none;}
   .topnav a.link:hover{color:#ff4d4d;border-bottom:none;}
}
@media screen and (max-width: 1000px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .hd .h31{clear:left}
    .hd .h32{clear:right}
  .topnav{position:static;}
   .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
h2{	word-spacing: 4px;font-size:40px;}
.hd h3{font-family:'Handlee';font-weight: lighter;
  word-spacing: 4px;font-size:17px;position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
a.ct:hover{border-bottom:2px solid #ff4d4d;}
.footer{margin:40px auto 0 auto;color:white;background:rgba(0,0,0,0.9);width:100%;height:100px;text-align: center;padding-top:10px;}
.footer img {display: inline;height:30px;width:30px;margin:3px;}

.img1{
  margin:0px 40px 40px 40px;float:left;border-radius:50%;
}
.up{padding:10px;color:white;font-size: 40px;cursor: pointer;}
.up:hover{color:white;}
.fa-angle-double-up{border-radius:50%;background:rgba(0,0,0,0.6);padding:5px 13px ;}
.fa-angle-double-up:hover{background:rgba(0,0,0,0.9)}
.fa-angle-up{border-radius:50%;background:rgba(0,0,0,0.6);padding:5px 13px ;}
.fa-angle-up:hover{background:rgba(0,0,0,0.9)}
.buttons{text-align: center;}
.gbtn{overflow: hidden;margin-left:15px;margin-right: 15px;padding:15px;text-align: center;color:#ff4d4d;border-radius:25px ;border:2px solid #ff4d4d; text-decoration: none;}
.gbtn:hover{border:2px solid black;color:black;}
.im{margin:0px 40px 40px 40px;}
.img2{margin:0px 40px 40px 40px;float:right;border-radius:50%;}
.hd{width:70%;margin:100px auto 100px auto;text-align: left;line-height:1.8;}
.hd h3{font-weight: lighter;padding-bottom:50px;text-indent: 50px;text-align: justify;}
.h{font-family:'Oswald';position:relative;padding-top:100px;word-spacing:2px;display: inline;font-weight:300;border-bottom:3px solid #ff4d4d;font-size:40px;}