* {margin: 0; padding: 0; border: 0; font-family: helvetica; font-size: 1em; text-decoration: none;}
body {background-color: azure;}
/* The following are for the main images responsive design */
.responsive {width: 100%; height: auto;}
/* for the nave bar */
.div_navbar {background: black; width: 1800px; height: auto; }
ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;}
li {float: left;}
li a, .dropbtn {display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none;}
li a:hover, .dropdown:hover .dropbtn {background-color: #999;}
li.dropdown {display: inline-block;}
.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: 1;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.footer { text-align: center; font-size:0.75em; color: white; background: black  }.responsive_img {width: 100%; height: auto; border-style: solid;}
/******** FOR SLIDER ********/
* {box-sizing:border-box}
h1 {text-align: center;}

/* Slideshow container */
.slideshow_container {max-width: 2560px; /* max on 27" display */ position: relative; margin: auto; text-align: center}
.mySlides {display: none;}
.content_div {width: 100%; height: auto; padding: 1% 5% 1% 5%; text-align: center; background: azure }

/* Fading animation */
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 5.0s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}

/* For contact.php */
.content_div {width: 100%; height: auto; padding: 1% 5% 1% 5%; text-align: center; background: azure }
h1 { color: #101010 }
.emptyline { width: 100%; height: 1em }

/* CSS for navbar */
.topnav {overflow: hidden; background-color: #333;}
.topnav a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}
.active {background-color: lightblue; color: white;}
.topnav .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 17px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0;}
.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: 1;}
.dropdown-content a {float: none; color: black; padding: 12px 16px; text-decoration: none; display: block;}
.topnav a:hover, .dropdown:hover .dropbtn {background-color: #555; color: white;}
.dropdown-content a:hover {background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content {display: block;}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
  .topnav a.icon {float: right; display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute; right: 0; top: 0;}
  .topnav.responsive a {float: none; display: block; text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block; width: 100%; text-align: left;}
}