*{margin:0px; padding:0px;}
@font-face{font-family:Calistoga; src:url('fonts/Calistoga-Regular.woff') format('woff');}
@font-face{font-family:Skranji; src:url('fonts/Skranji-Regular.woff') format('woff');}
@font-face{font-family:SpaceGrotesk; src:url('fonts/SpaceGrotesk-VariableFont_wght.woff') format('woff');}
@font-face{font-family:YesevaOne; src:url('fonts/YesevaOne-Regular.woff') format('woff');}
body{font-size:120%; -ms-text-size-adjust:190%; -webkit-text-size-adjust:190%;}
.navbar {
  overflow: hidden;
}

.navbar a {
  float: left;
  font-size: 22px;
  color: black;
  text-align: center;
  font-family:YesevaOne;
  padding: 14px 16px;
  text-decoration: none;
    border-bottom:1px solid transparent;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  font-family: Skranji;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  border-bottom:1px solid #85585d;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.heading{font-family:YesevaOne; color:#ba9012; font-size:27px; text-align:center; border-bottom:1px solid #7f4037; padding-bottom:4px;}
.content{font-family:SpaceGrotesk; font-size:21px; margin-left:2%; margin-right:2%; color:#7f4037; margin-top:2%; line-height:1.8;}

#latest_event_tble td{width:100%; height:200px; border:1px solid #7f4037; border-radius:5px;}

#gallery_tble img{width:100%; height:200px; border:1px solid #7f4037; border-radius:2px; display:block;}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background:#c28d7b;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 25px;
  font-family:Skranji;
  color: black;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}


#second_nav{display:none; font-family:Skranji; font-size:22px;}
#name_td{width:50%;}
#navbar_td{width:40%;}
#logo_td{width:10%;}
#chairman_img_td,#principal_img_td{width:20%;}
#chairman_content_td,#principal_content_td{width:80%;}
#name_td p{font-size:50px;}

@media screen and (max-width:591px){
    .navbar{display:none;}
    #second_nav{display:block;}
    #name_td{width:75%;}
    #navbar_td{width:15%;}
    #logo_td{width:20%;}
    #chairman_img_td,#principal_img_td{width:40%; display:block; margin-top:20px; margin-left:20px;}
    #chairman_content_td,#principal_content_td{width:100%; display:block;}
    #remove_td{display:none;}
    #name_td p{font-size:40px;}  
    
}

@media screen and (min-width:592px) and (max-width:829px){
    .navbar{display:none;}
    #second_nav{display:block;}
    #name_td{width:75%;}
    #navbar_td{width:15%;}
    #logo_td{width:20%;}
    #chairman_img_td,#principal_img_td{width:40%; display:block; margin-top:20px; margin-left:20px;}
    #chairman_content_td,#principal_content_td{width:100%; display:block;}
    #remove_td{display:none;}
    #name_td p{font-size:45px;}  
}

@media screen and (min-width:830px) and (max-width:1146px){
    .navbar{display:none;}
    #second_nav{display:block;}
    #name_td{width:75%;}
    #navbar_td{width:20%;}
    #logo_td{width:15%;}
    #chairman_img_td,#principal_img_td{width:40%; display:block; margin-top:20px; margin-left:20px;}
    #chairman_content_td,#principal_content_td{width:100%; display:block;}
    #remove_td{display:none;}
}