body {
    margin: 0px;
  }

  
  
  .headertop1 div.logo {
    float: left;
    padding: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .headertop1 div.logo img {
    width: 50px;
    height: auto;
  }
  
  
  .headertop1 h1.blue {
    font-size: 30px;
    color: rgb(255, 255, 255);
    float: left;
    font-weight: bolder;
    font-family: 'Times New Roman', Times, serif;
    background-color: blue;
    margin-top: 10px;
    padding: 10px;
  }

  .headertop1 h1.red {
    font-size: 15px;
    color: rgb(247, 247, 248);
    font-weight: bolder;
    font-family: 'Times New Roman', Times, serif;
    background-color: red;
    margin: 0px;
    margin-left: 70px;
    margin-top: 60px;
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    padding-left: 31px;
    padding-right: 31px;
  }
  


  
  
  
  

  
  
  
.slogan {
  font-size: 12px;
}
  
  .menubar {
    float: none;
    width: 100%;
    overflow:hidden;
    position: sticky;
    top: 0px;
    display: none;
    
  }
  
  /* Navigation links */
  .menubar a {
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
    color: white;
    text-decoration: none;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    background-color: rgb(0, 38, 163);
    width: 25%; /* 25% for Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
    text-align: center; /* If you want the text to be centered */
  }
  
  /* Add a background color on mouse-over */
  .menubar a:hover {
    background-color: #000;
  }
  
  /* Style the current/active link */
  .menubar a.active {
    background-color: #aa0404;
    
  }
  
  
   
  
  
   
  
   
  /* Float the link section to the right */
   .header-right {
     float: right;
   }
   
   /* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
  /* @media screen and (max-width: 500px) {
     .header a {
       
       float: none;
       display: block;
       text-align: left;
     }
     .header-right {
       float: none;
     }*/
  
   
  
    .pic img {
      display: block;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
  
  
  /* Centered text */
  .centered {
    overflow: hidden;
    color: rgb(248, 223, 0);
    text-align: center;
    padding: 10px;
    background-color: coral;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 40px;
    font-weight: bold;
    
  }
  
  hr {
    border-top: 7px solid rgb(0, 60, 255);
  }
  
  .section {
      background-size: cover;
      height: 100%;
      color: rgba(0, 0, 0, 0.671);
      background-color: skyblue;
      background-position: center;
      background-repeat: no-repeat;
      font-family: Arial, Helvetica, sans-serif;
      padding: 20px;
      padding-top: 40px;
      padding-bottom: 40px;
      text-align: center;
  }
  
  
  
  .section .content .abc h1.heading {
    font-size: 30px;

    font-weight: bolder;
  }
  
  .section .content .abc p.para{
    font-size: 20px;
    font-weight: bold;

  }
    
  .section .content .abc .button a.button1 {
    background-color: #af4c4c; /* Green */
    border: rgb(255, 0, 0);
    border-width: 50px;
    color: white;
    padding: 22px 80px;
    border-radius: 20%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    transition-duration: 0.7s;
    
  
  } 
  
  .section .content .abc .button a.button1:hover{
    padding: 35px 120px;  
  }
  
      span {
      font-weight:bold ;
      font-size: 0px;
        }
  
  
    .section2 {
    overflow: hidden;
    width: 100%x;
    padding: 70px;
    margin: 10%;
    margin-bottom: 0%;
    text-align: center;
    background-color: pink;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: whitesmoke;
    line-height: auto;
    }
  
    .section2 div.heading2 {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bolder;
      font-size: 50px;    
    }
  
    .section2 div.subheading2 {
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-weight: bold;
      font-size: 50px;
    }
  
    .section2 div.text2 {
      font-size: 30px;
      line-height: normal;
    }
  
  .section3 {
  margin: 10%;
  margin-top: 0%;
  float: none;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: grey;
  padding: 50px;
  padding-bottom: 100px;
  color: aliceblue;
  }
  
  .section3 l.numbers {
  float: left;
  font-size: 40px;
  text-align: center;
  width: 33%;
  font-weight: lighter;
  }
  
  .section3 l.belownum {
  float: left;
  width: 33%;
  text-align: center;
  }
  
    
  .footercontainer {
  background-image: linear-gradient(to right,  rgb(145, 145, 255),rgb(255, 91, 91));
  color: white;
  overflow: hidden;
  width: 100%;
  }
  
  




.fblogo {
  left: 90%;
  height: 35px;
  
}




.fbmlogo {
  left: 90%;
  height: 35px;

}

.walogo {
  left: 90%;
  height: 35px;
}

.contactsection {
  padding: 7%;
}


.contactsection div {
  font-size: 18px;
    
}

.ffffd {
  position: fixed;
  top: 0;
  right: 0;
  margin: 12px;
  display: block;
}

  /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: rgb(0, 0, 192); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 80px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  display: block;
}

/* The navigation menu links */
.sidenav a {
  padding: 18px 18px 18px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #f7f7f7;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  transition: 0.3s;
  
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav a.active {
  background-color: #ff0000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 40px;
  margin-left: 50px;
  margin-top: -5px;
  font-weight: normal;
}

#blackShade {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.432);
  display: none;
  top: 0;
  
}

  
.map-responsive {
  font-size: 20px;

}


.map-responsive iframe {
  margin-top: 10px;
  height: 300px;
  width: 90%;
}



.footer {
  text-align: center;
  bottom: 0;
  font-size: 12px;
}