@charset "utf-8"; 
/* CSS Document*/

* {box-sizing: border-box;}


header {background-color: white;}




.container-head     {overflow: hidden;
                    background-color: rgb(240, 248, 250);
                    padding: 10px 10px;
                    width: 100%;
                    }

.header a   {   padding: 12px;
                font-size: 18px; 
                line-height: 25px;
                border-radius: 4px;}


#mobile-logo {  padding: 15px ; 
               
                width: 160pt;
                text-align: center;}



.header-left        {width: 33%; 
                    float: left;
                    padding-left: 10px}


.header-right       {width: 33%; 
                    float: right;
                    padding-right: 10px}


.header-center      {width: 33%;
                    display: inline-block;
                    margin:0 auto;
                    width:33.33%;
                    text-align: center;}

#link1              {float: left;
                    width: 20%}
    

.header-right li     {float: right;}


/* Social media icons  */



/* Social media icons ends */




#facebook           {width: 30pt;
                     padding: 8px;
                     margin-top: 110px;}

#instagram           {width: 30pt;
                      padding: 8px;
                      margin-top: 110px;}




#number             {color: rgb(141, 177, 173);
                     list-style-type: none;
                     padding-top: 5px;
                     padding-bottom: 5px;
                     padding: 10px 0px;
                     border: none;
                     display: inline;
                     margin-top: 100px;
                     margin-right: 10px;
                     letter-spacing: 0.5px;
                     font-family: 'Nanum Gothic', sans-serif;}


/* NAVIGATION */

.mobile-container   {display: none}


#navi-top-right     {width: 20%;
                    float: right;
                    padding-right: 10px}


#navigbar           {width: 80%;
                    float: left;
    
}


#navigationbar      {text-align: left;
                    list-style-type: none;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    padding-left: 0px ;
                    margin-bottom: 0pt;
                    margin: 0pt;
                    background-color: rgb(141, 177, 173);
                    overflow: hidden;
                    z-index: 1;
                    
                    width: 100%;}



#navigationbar li   {letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    color: rgb(141, 177, 173);
                    display: inline-block;
                    
                    
    }


li a, .dropbtn {    display: inline-block;
                    
                    color: white;
                    text-align: center;
                    padding: 10px 16px;
                    text-decoration: none;
                    
                    overflow: hidden;
                    border-color: rgb(141, 177, 173) ;
                    border-top-style: solid;
                    border-width: medium;
                }

li a:hover, .dropdown:hover .dropbtn {color: white;
                    background-color: rgb(256, 256, 256, 0.1);
                    border-top-style: solid;
                    border-width: medium;
                    border-color: white;
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px ;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px ;}


li.dropdown         {display: inline-block;}

.dropdown-content {   display: none;
                      
                       
                      position: absolute;
                      background-color: rgb(256, 256, 256, 0.9);
                      min-width: 160px;
                      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
                      z-index: 1;
                        margin-top: 0px;}

.dropdown-content2 {   display: none;
                      
                      position: absolute;
                      background-color: rgb(256, 256, 256, 0.9);
                      min-width: 160px;
                      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
                      z-index: 1;
                        margin-top: 0px ;}

.dropdown-content3 {   display: none;
                      
                      position: absolute;
                      background-color: rgb(256, 256, 256, 0.9);
                      min-width: 160px;
                      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
                      z-index: 1;
                        margin-top: 0px ;}

.dropdown-content a { border: none;
                      color: rgb(141, 177, 173);
                      padding: 12px 16px;
                      text-decoration: none;
                      display: block;
                      text-align: left;
                    }


.dropdown-content2 a { border: none;
                      color: rgb(141, 177, 173);
                      padding: 12px 16px;
                      text-decoration: none;
                      display: block;
                      text-align: left;
                    }

.dropdown-content3 a { border: none;
                      color: rgb(141, 177, 173);
                      padding: 12px 16px;
                      text-decoration: none;
                      display: block;
                      text-align: left;
                    }

.dropdown-content a:hover {background-color: rgb(141, 177, 173, 0.7); 
                            color: white;
                            border: none;}

.dropdown-content2 a:hover {background-color: rgb(141, 177, 173, 0.7);
                            color: white;
                            border: none;}

.dropdown-content3 a:hover {background-color: rgb(141, 177, 173, 0.7);
                            color: white;
                            border: none;}

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

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

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


#booking            {background-color: rgb(141, 177, 173);
                    color: white;
                    display: inline;
                    float: right;
                    
                    
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px ;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px ;
                    border-color: white ;
                    border-top-style: solid;
                    border-width: medium;
                    
                    text-decoration: none;
                    letter-spacing: 0.5px;
                    font-family: 'Nanum Gothic', sans-serif; 
                    font-weight: bold;
                    padding: 10px;
                    margin-top: 0pt ;
                    margin-right: 20px
                    }

#booking:hover      { background-color: rgb(256, 256, 256, 0.1);
                    color: rgb(256, 256, 256);}




.topnav         { display: none}

/* NAVIGATION ENDS*/








.slides {display: none;
        width: 100%;
        }

.heading-container { text-align: center;
                    max-width: 100%;
                    position: relative;
                    padding-top: opt;}






.main-message {    font-weight:bold;
                    color: rgb(141, 177, 173);
                    display: block;
                      font-size: 15px;
                      padding: 8px 12px;
                      position: absolute;
                      bottom: 10px;
                      width: 100%;
                      text-align: center;
                    letter-spacing: 0.8px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    font-size: 3vw;
                    
                    background-color: rgb(256, 256, 256, 0.8); }




h5                  {
                    background-color: rgb(141, 177, 173);
                    padding: 10px;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    color: white; }








#enter              { font-size: 2.5vw;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    font-weight: bold;
                    color: rgb(141, 177, 173);
                    padding-top: 20px;
                    border: none}


.column             {
                    float: left;
                    width: 50%;
                    padding: 20px;}

.row                {background-color: white  }


.row:after          {  content: "";
                    display: table;
                    clear: both;} 



h3              { font-size: 1.5vw;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: left;
                    font-weight: bold;
                    background-color: rgb(141, 177, 173);
                    color: white;
                    padding: 5px;
                    padding-left: 15px;
                    padding-right: 15px;
                    margin: 0 ;
                    display: inline}

p               { font-size: 1.2vw;
                    line-height: 1.8vw;
                    text-align: justify;
                    letter-spacing: 1pt;
                    font-family: 'Nanum Gothic', sans-serif;
                    
                    font-weight: ;
                    color: rgb(141, 177, 173)}

#read-more        { font-size: 1.2vw;
                    line-height: 1.8vw;
                    text-align: justify;
                    letter-spacing: 1pt;
                    font-family: 'Nanum Gothic', sans-serif;
                    color: rgb(141, 177, 173);
                    text-decoration: none;
                    border-bottom-style: solid;
                    border-bottom-width: thin;
                    border-bottom-color: rgb(141, 177, 173)}

#read-more:hover    {background-color: rgb(141, 177, 173);
                    color: white;
                    padding: 2px}


monthly-heading     { background-color: rgb(171, 164, 122); 
                    color: white;
                    padding: 10px;
                    font-size: 1.5vw;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    font-weight: bold;
                    }

/* Monthly Specials */

#experience-heading           { background-color: rgb(141, 177, 173); 
                                color: white;
                                padding: 15px;
                                margin-top: 10pt;
                                margin-bottom: 0pt;
                                font-size: 1.5vw;
                                letter-spacing: 1.5px;
                                font-family: 'Nanum Gothic', sans-serif;
                                text-align: center;
                                font-weight: bold;}

#naviserv           {
                    text-align: center;
                    background-color: white;
                    padding-left: 10px}

.services           {padding:  10px;
                      float: left;
                      width: 33%;}

div.servicelink      {border: none;}



div.servicelink img {width: 100%;
                      height: auto; }


div.services:hover     { background-color: rgb(141, 177, 173, 0.3);
                                }



div.desc            {background-color: white;
                    font-size: 1.5em;
                    padding: 15px;
                    text-align: center;
                    letter-spacing: 1px;
                    font-family: 'Nanum Gothic', sans-serif;
                    font-weight:bold;   
                    color: rgb(141, 177, 173);
                        border-bottom-style: solid;
                    border-bottom-width: thin;
                    border-bottom-color: rgb(141, 177, 173);
                    
                    margin-bottom: 15px;}

* {
box-sizing: border-box;
}


/* Monthly Specials */


/* Slide Show starts */

.mySlides {display: none}


img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
    
    border-top-style: solid;
    border-top-width: medium;
    border-top-color: rgb(141, 177, 173);
  max-width: 1000px;
  position: relative;
  margin: auto;
    padding-top: 20px;
       
}



/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
    background-color: gray  ;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {color: white;
  background-color: rgb(141, 177, 173);
}

/* Caption text */
.text {             letter-spacing: 1px;
                    font-family: 'Nanum Gothic', sans-serif;
                    font-weight:bold;
                    color: rgb(171, 164, 122);
                     background-color: rgb(256, 256, 256, 0.8);
                    display: inline;
                      font-size: 15px;
                      padding: 8px 12px;
                      position: absolute;
                      bottom: 8px;
                      width: 100%;
                      text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: rgb(141, 177, 173);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




/* Slide Show ends */



#offers             { background-color: white;
                     display: inline-block;
                    
                    border-top: none;
    
    
                    border-bottom-style: solid;
                    border-bottom-width: medium;
                    border-bottom-color: rgb(141, 177, 173);}

#navi-offers        { 
                    text-align: center;
                    background-color: white;
                    padding-left: 10px}


#we-offer .services   {padding:  10px;
                        float: left;
                        width: 33%;}

#we-offer        { 
                    text-align: center;
                    background-color: white;
                    padding-left: 10px      }




h1                  { font-size: 2.5vw; 
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    font-weight: bold;
                    color: rgb(141, 177, 173); 

                    position: absolute;
                    top: 85%;
                    left: 50%;
                    transform: translate(-50%, -50%);
    
                    letter-spacing: 0.5px;
                    font-family: 'Nanum Gothic', sans-serif;

                    width: ;
                    text-align: center;
                    font-size: 3vw;
                    background-color: rgb(256, 256, 256, 1);
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 5px;
                    padding-bottom: 5px;    
                    color: rgb(171, 164, 122)}

#findout            { width: 18%;
                    background-color: white;
                    padding: 5px;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    margin-bottom: 10px;
                    font-weight: bold;
                    text-align: center;
                    text-decoration: none;
                    
                    display:  inline-grid;               
    
                    color: rgb(141, 177, 173);

                    border-style: solid;
                    border-width: medium;
                    border-color: rgb(171, 164, 122);
                    
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px ;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px ; }


#findout:hover { background-color:  rgb(109, 135, 0);
                    color: white ; }

#gallery {  margin-top: 20px;
            margin-bottom: 20px;
            text-align: center;}

#view               {
                     
                    
                    background-color: white;
                    padding: 5px;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    margin-bottom: 0px;
                    font-weight: bold;
                    text-align: center;
                    text-decoration: none;
                        
                    float: none;              
    
                    color: rgb(141, 177, 173);

                    border-style: solid;
                    border-width: medium;
                    border-color: rgb(141, 177, 173);
                    
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px ;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px ;   }

#view:hover { background-color: rgb(141, 177, 173);
                    color: white ; }


#image4             { width: 100%;
                        margin-top: 25px}


h2                  {font-size: 2.5vw; 
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: center;
                    font-weight: bold;
                    color: rgb(141, 177, 173);

                    border-top-style: solid;
                    border-top-width: medium;
                    border-top-color: rgb(141, 177, 173);
                    padding-top: 25px}

.desc2              {line-height: 1.5vw;
                    letter-spacing: 1px ;
                    font-family: 'Nanum Gothic', sans-serif;
                    text-align: justify;
                    padding-left: 0px;
                    padding-right: 0px;
                    margin: none;}







/* Footer Starts */


#followus           {color: white;
                    padding-left: 40pt;
                    font-size: 1.65vw;
                    letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    font-weight: bold;}

#socials-navi     { text-decoration: none;
                    list-style-type: none;
                    border: none;}

#socials-navi  a   { border: none;
                    float: left;
                    display: inline-block;}



.bottom-section     {background-color: black;
                    margin-top: 10px;
                    width: 100%;
                    overflow: hidden;
                    border-bottom-style: solid;
                    border-width: thin;
                    border-color: rgb(79, 76,55);}

#bottom-right       {width: 50%;
                    float: right;
                    padding-right: 20px}

#bottom-left       {width: 50%;
                    float: left;}

#bottom-logo        { width: 40%;
                    padding: 15px;
                    padding-left: 50px}



#contactfooter      {line-height: 1.5vw;
                    font-size: 2vw;
                    font-weight: bold;
                    color: white;
                    letter-spacing: 1px ;
                    font-family: 'Nanum Gothic', sans-serif; 
                    
                    padding-left: 40pt;
                    }

div#bottom ul       {text-decoration: none;
                    list-style-type: none;
                    
                    font-size: 1.3vw;
                    color: white;
                    line-height: 1.5vw;
                    letter-spacing: 1px ;
                    font-family: 'Nanum Gothic', sans-serif;
                    
                    padding-left: 40pt;
                    padding-bottom: 0pt;
                    border-bottom-style: solid;
                    border-width: thin;
                    border-color: rgb(79, 76, 55);
                    }


.contact-map        {width: 100%;
                    overflow: hidden;
                    display: inline-block;
                    background-color: black;}

.contact-left       {width: 50%;
                    float: left;
                    padding-top: 5px}

.map-right          {width: 50%;
                    float: right;
                    border-left-style: solid;
                    border-width: thin;
                    border-color: rgb(79, 76, 55);}
                
#address            {text-decoration: none;
                    list-style-type: none;
                    margin-top: 5px;
                    margin-left: 15px;
                    margin-bottom: 5px;
                    font-size: 1.3vw;
                    color: white;
                    line-height: 1.5vw;
                    letter-spacing: 1px ;
                    font-family: 'Nanum Gothic', sans-serif; }


#maps-picture       {margin: 2%;
                    width: 86%;
                    
                    border-style: solid;
                    border-width: medium;
                    border-color: white;  }

#maps-picture:hover      {border-style: solid;
                    border-width: medium;
                    border-color: rgb(141, 177, 173);
                    }





div#bottom li       {letter-spacing: 1.5px;
                    font-family: 'Nanum Gothic', sans-serif;
                    
                    padding: 0px;
                    line-height: 2.5;}

audio controls      {}

iframe              {display: none}



/* Footer Ends */


    






    
    
    
    
 /* Contact Form */





* {box-sizing: border-box;}


input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid rgb(141, 177, 173);
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;}

input[type=submit] {
  background-color: rgb(141, 177, 173);
  color: #ffffff;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
    letter-spacing: 1px;
    
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: bold
}

input[type=submit]:hover {
  background-color: rgb(109, 135, 0);
    color: white;
}


.info { background-color: rgb(141, 177, 173) }

.container {
  border-radius: 5px;
  background-color: rgb(141, 177, 173);
  padding: 10px;
    
}

#topic {background-color: ; color: rgb(141, 177, 173); 
        letter-spacing: 1px;
        font-family: 'Nanum Gothic', sans-serif;
        font-weight: bold;
            margin-bottom: 10px}

form {  letter-spacing: 1px;
        font-family: 'Nanum Gothic', sans-serif;
        font-weight: bold;
        
        padding:20px}


option      { color: rgb(141, 177, 173) }

#subject    { color: rgb(141, 177, 173)}


/* two floating columns */
.column {
      float: left;
      width: 50%;
      padding: 20px;
    }

.row {background-color: }


.row:after { 
      content: "";
      display: table;
      clear: both;
    }

label { color: rgb(141, 177, 173);
        text-align: right;}

#contact-us {
    letter-spacing: 1px;
    font-family: 'Nanum Gothic', sans-serif;
    
    line-height: 1.4em;
    text-align: justify;
    }


input { color: rgb(141, 177, 173) }
/* Contact Form Ends */  
    
    
    
    
    
/* Gallery Starts */   



   div.gallery { margin: 10px 10px;
                background-color: rgb(200, 200, 200);
                transition: 0.5s;}

div.gallery:hover {
  
    filter: sepia(45%);
    transform: scale(1.1);
    transition: 0.5s;
}

div.gallery img {
  width: 100%;
  height: auto;
  padding: 15px
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 990px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 480px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
} 
    
    
 /* Gallery Ends */   
    
    
    
 /* Menu pages starts */    
    
#menu           {text-align: center;
                color: rgb(141, 177, 173);}



#price          {font-size: 3vw}

#menu-time      { }



#menu p         {padding: 6pt 8pt;
                 margin-left: 15pt ;
                 margin-right: 15pt ;
                    text-align: justify;
                    font-size: 1.5vw;
                    line-height: 2.5vw;}
    
    
    
  /* Menu pages ends */ 





  /* scroll button start */

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgb(141, 177, 173, 0.8); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: rgb(109, 135, 0, 0.7); /* Add a dark-grey background on hover */
}

/* scroll button end */




#essentials         {width: 100%;
                     }

#daily-left          {width: 30%; 
                    float: left;
                    padding-left: 20px;
                    text-align: left;
                    font-size: 1.5vw}

#daily-center        { width: 30%;
                    display: inline-block;
                     text-align: center;
                    font-size: 1.5vw}

#daily-right         {width: 30%; 
                    float: right;
                    padding-right: 10px;
                    font-size: 1.5vw}


#aboutus        {padding-left: 5px;
                padding-right: 5px}

#menu-time 	{font-size: 1.8vw;  }




#menu li	{font-size: 1.5vw; }


/* Contact form editing */

		
		.main{
			width: 100%;
			

			
		}
		.info{
			width: 100%;
			background-color: rgb(141, 177, 173);
			padding: 10px;
            padding-left: 25px;
			text-shadow: 1px 1px 1px rgb(141, 177, 173);
			color: #fff;
            letter-spacing: 0.5px;
			font-size: 20px;
		}
		.form-box{
			padding: 20px;
			background-color: #eee;
		}
		label{
			color: rgb(141, 177, 173);
			font-size: 18px;
		}


      


		.inp,.msg-box{
			width: 100%;
			padding: 10px;
			margin-top: 4px;
			margin-bottom: 10px;
			
			
			
			
			resize: none;
		}
		.msg-box{
			height: 120px;
		}
		.inp:focus,.msg-box:focus{
			outline: none;
			border: 2px solid rgb(141, 177, 173, 0.7);
			border-right: 15px solid rgb(141, 177, 173, 0.7);
			border-left: 15px solid rgb(141, 177, 173, 0.7);
		}
		.sub-btn{
			width: 30%;
			padding: 10px;
			border-radius: 5px;
			margin-top: 5px;
			border: none;
			background: rgb(109, 135, 0);
			cursor: pointer;
			color: #fff;
			font-size: 20px;
			
		}
		.sub-btn:hover{
			background: linear-gradient(rgb(109, 135, 0),rgb(109, 135, 0));
			opacity: 0.8;
			transition: all ease-out 0.2s;
		}
		.sub-btn:focus{
			outline: none;
		}

/* Contact form editing ends */



#backgroundimage {
                    position: relative;
                    width: 100%;}

#backgroundimage h3     {font-size: 2vw;
                        color: white;
                        font-weight: 500;
                        letter-spacing: 1px;}


.centerblock {      width: 50%;
                    letter-spacing: 1px;
                    font-family: 'Nanum Gothic', sans-serif;
                    font-weight: 600;
                    position: absolute;
                    top: 25%;
                    left: 50%;
                    transform: translate(-10%, -15%);
                    font-size: 2vw;
                    background-color: rgb(171, 164, 122, 0.6);
                    padding: 15px;
                     text-align: justify;
                    }

#booknow        { background-color: rgb(109, 135, 0);
                    color: white;
                    padding: 8px;
                    text-decoration: none;
                    border-top-left-radius: 8px;
                    border-bottom-left-radius: 8px ;
                    border-top-right-radius: 8px;
                    border-bottom-right-radius: 8px ;
                    position: fixed;
                    transform: translate(-82%, 150%);
                    width: 30%;
                    text-align: center;
        
}

#booknow:hover        { background-color: white;
                    color: rgb(171, 164, 122);
                    padding: 8px;
                    text-decoration: none;
        
}



/* Page Not found editing */


#not-found-img          {display: block;
                          margin-left: auto;
                          margin-right: auto;
                          width: 80%;   }

.case-links             { padding: 30px  }

.case-links a           {text-decoration: none;
                            }


.case-links a:hover     {color: rgb(109, 135, 0);
                              font-weight: 600;  }

.error-404-p            { font-size: 1.5vw;
                        text-align: center;
                        font-weight: 500;
                        letter-spacing: 1px; 
                            line-height: 2vw}




/* Page Not found editing done */





/* Parralax testing */


body, html {
  height: 100%;
}

.parallax {
  /* The image used */
  background-image: url("images/test-img.jpg");

  /* Full height */
  height: 100%;
    

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}