html,body {
  position: relative;
    width:auto;
    margin:0;
    padding:0;
    
  }
  @font-face {
    font-family:Lato;
    src: url(../Lato/Lato-Regular.ttf);
  }
  .heading-0{
      position: relative;
      width:100%;
      height:100%;
      vertical-align: middle 
  }

  .heading-0::after {
    content: "";    
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    width:100%;
    height:30%;   
  }
  
  .heading-0 a h1{
      
    display: flex;
  align-items: center;
  justify-content: center ;
      text-shadow:2px 2px 2px  rgba(2, 1, 49);
      font-size:280%;
      
      
  }
  .heading-0 a h2{
    
    display: flex;
  align-items: center;
  justify-content: center ;
    
   
}
.heading-0 a h3{
  
  display: flex;
  align-items: center;
  justify-content: center ;
  
 
}
.right_pic{
  float:left;
  margin-top:-2%;
  margin-left:5%;
   
}
.left_pic{
  float:right;
  margin-top:-2%;
  margin-right:5%;
   
}

.pad{
  
  
  padding-top:2%;
  padding-bottom:2%;
  
  
}
.heading-0 a {
  color:rgb(243, 235, 14);
  text-decoration-color: black;
  text-decoration-style: none;
  text-decoration: none;
  
  
 
}

.heading-0 a:hover{
  color:white;
  text-decoration-color: black;
  text-decoration-style: none;
  text-decoration: none;
 
}


  
  /* Fixed sidenav, full height */
  .sidenav {
    height: auto;
    width: 15%;
    margin-top:1%;
    margin-left:1%;
    top: 0;
    left: 0;
    background-color: rgb(2, 31, 84);
    color:white;
    padding-top: 0px;
    float:left;
    overflow:visible;
    padding-bottom:0;
    margin-bottom: 1.5%;
    border-radius: 5px;

  }
  
  
  .dropdown-btn1 {
    background:none;
    color:white;
  }
  .dropdown-btn1:hover{
    background:rgb(1, 156, 184);
    box-shadow: 15px 8px 8px 8px black;
    
  }
  .dropdown-btn1 h5{
    color:white;
  }
  .dropdown-btn1 h5:hover{
    color:black;
  }

  
  .h_wrap{
    margin-top:1%;
    width:83.5%;
    margin-left:16.5% ;
  }
  
  
   
  
  
  /* Main content */
  .main, .wrapper{
    margin-left: 0; /* Same as the width of the sidenav */
    margin-top: 10%;
    margin-bottom:3%;
    padding: 0px 10px;
    width:100%;
    height:auto;
    font-family: Lato;
    
    
  }
  .main{
    background-color:rgb(250, 248, 148);
    border-radius: 10px;
    padding:2% 2% 2% 2%;
    width:auto;
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    width:100%;
    
  }
  .main h3{
    font-size: 20px;
  }
  .main a{
    color:blue;
  }
  @media screen and (max-width:1000px) {
    .main {
      padding-top: 15px;
      margin-top:3%;
      width:100%;
      margin:0;
      
    }
    .h_wrap{
      width:100%;
      margin:0;
    }
    .heading-0{
      height:500px;
    }
  }


  .slideshow{
     width:auto;
     height:300px;
     margin-bottom:0;
  }
  .slideshow img{
      width:100%;
      height:100%;
  }
  
  
  /* Style the sidenav links and the dropdown button */
  .sidenav a, .sidenav button{
    padding: 16px 10px 16px 7px;
    text-decoration: none;
    font-size: 20px;
    color:white;
    display: block;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    border-bottom:1px solid white;
    font-family: Lato;
    
    
    
  }
  
  /* On mouse-over */
  .sidenav a:hover {
    background-color: rgb(1, 156, 184);
    box-shadow: 2px 0px 2px 2px black;
    color: black;
    text-decoration:none;
  }
  
  
  
  
  
  /* Add an active class to the active dropdown button */
  
  
  /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
  .slide div {
    display: none;
    background:none;
    position: absolute;
    color:white;
    z-index: 999;
    margin-left:15%;
    margin-top:-5%;
    border-top:1px solid white;
    transition:all 0.5s;
    
  }
  .dropdown-container1 a{
    border-top:1px solid white;
    border-radius:5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5) ;
    background-color: rgb(2, 31, 84);
  }
  .dropdown-container1 a{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  }

  .slide:hover .dropdown-container1{
    display:block;
    transition:all 0.5s;
  }
   
  /* Some media queries for responsiveness */
  @media screen and (max-width: 1000px) {
    .sidenav {
      padding-top: 15px;
      margin-top:0%;
      width:100%;
      
    }
    .sidenav a {font-size: 18px;}
  }
  
  #content{
    float:left;
    margin-left:2%;
    margin-top:25px;
    margin-bottom:3%;
    margin-right:2%;
    background-color:rgb(20, 15, 102,0.05);
    padding:1% 3% 1% 3%;
    border-radius:20px;
    
    
  }
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
 }

 .xtra{
   float:right;
 }
 .data-nav{
   width:100%;
   
   margin-right:2%;
   margin-top:1%;
   background-color: rgb(2, 31, 84);
   color:white;
   text-decoration: none;
   overflow: hidden;
    padding-bottom:0;
    margin-bottom: 1.5%;
    border-radius: 5px;
    font-family: Lato;
   
 }
 

 .data-nav a{
  padding: 16px 10px 16px 7px;
  text-decoration: none;
  font-size: 20px;
  color:white;
  display: block;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  border-bottom:1px solid white;
  
 }
 .cit_a{
   color:blue;
   
 }
 .N_H3{
   margin-left:35%;
   color:white;
 }
 .N_H3 a{
   font-size: medium;
   color:white;
 }

 .N1_Lines h3{
   color:blue;
 } 
 .N1_Lines th{
  text-decoration: none;
  border: none;
 }
 .t_h1{
  margin-top:3%;
  margin-left:1%
  
}
.table_head th{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}
.footer_tab{
  font-size: 150%;
  width:99%;
  margin-top: 2%;
  margin-left: 1%;
  
  padding:2px 2px 2px 2px;
  


}

.in_pic{
  margin-left:25%;
}
.N_in_Lines table{
    margin-top:1%;
    margin-left:1%;
    width:90%;
    
  } 

  .s_left{
    width:90%;
  }
  .s_right{
    width:100%;
    margin-top: 2%;
    height:auto;
  }
  .s_right img{
    border-radius: 6px;
    margin-bottom:5%;
    box-shadow:2px 2px 5px 2px black;
  }
  .cart{
    margin-bottom: 5%;
  }
  .cart-table{
    width:100%;
  }

  .cart_button{
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 2%;
    background-color:rgb(2, 31, 84) ;
    color:white;

  }
  .master_f{
    font-size:large;
  }
  .sec_p{
    font-size: small;
  }