*{ box-sizing: border-box;}
	
	header{
  width: 100%;
          }

#navi{
  width: 100%;
   max-width: 850px;
  padding-top: 10px;
   padding-bottom: 10px;
   margin-left: auto;
  margin-right: auto;
 }
     

                   /* Drop down object bigins */
#menu{
 width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
gap: 20px;
justify-content: space-between;
}

	.dropdown {
	display: none;
  position: relative;
  display: inline-block;
 }
  
  .dropbtn {
  width: 110px;
 color: #B79D54;
  padding: 3px;
 text-align: center;
  font: bold 14px arial;
  border: none;
  border-radius: 10px;
 }
 .arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid coral;
  margin: auto;
  border-radius: 10px;
 }
 
.dropdown-content {
 width: 200px;
 padding: 10px;
  display: none;
  position: absolute;
  text-align: center;
  box-shadow: inset 0 0 1px #000;
  z-index: 1;
  background: #fff;
 }


.dropdown-content a{
 display: block;
 text-decoration: none;
  font: normal 14px arial;
  color: #B79D54;
 }
 .dropdown-content a:visited {
 display: block;
 text-decoration: none;
  font: normal 14px arial;
 color: #B79D54;
 }

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



#navi a, a:visited {
	font: bold 14px arial;
	color: #B79D54;	
	font-weight: bold;
	text-decoration: none;
	}
	
	#navi  a:hover{
	font-weight: bold;
	text-decoration: none;
	}
	
	
	                /*Media Query Object Begins */
	#navWrap{
width: 120px; 
display: none;
}

#media{
width: 120px; 
position: relative;
text-align: center;
}
 
  #dropBtn {
  width: 120px;
 color: #B79D54;
  padding: 3px;
 text-align: center;
  font: bold 14px arial;
  border: none;
  border-radius: 10px;
 }
 
  #arrowDown{
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid coral;
  margin: auto;
  border-radius: 10px;
 }
 
 #navContent {
 width: 200px;
 position: absolute;
 display: none;
 text-align: center;
background: linear-gradient(45deg, #102eff, #d2379b);
  box-shadow: inset 0 0 4px #000; 
  z-index: 1;
 
 }

#navContent a,a:visited {
 display: block;
  padding: 5px;
 text-decoration: none;
 font: bold 16px tahoma;
   color: #fff;
 }


                
				  /* SlideShow Properties  Begins */
  #slideshow { 
  width: 100%;
 height: 800px;
 position: relative;
 justify-content: center;
 bakground: blue;
  }
	
  #slideshow > div{
  width: 100%;
 height: 800px;
  position: absolute;
 padding: 5px;
  overflow: hidden;
   }
   
   .slidePhoto{ 
   width: 100%;
   height: auto;
 object-fit: cover;
  object-position: center center;
   opacity:  1.0;
  }
   
   .icia{
   width: 300px;
  position: absolute;
  font-family: 'Brush Script MT', cursive;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   color: #fff;
   top: 25px;
  left: 10px;
 }