/* CSS Document */
body{margin:0;background-color:#fff;font-family: "Kanit", sans-serif;font-size:1.0em;}
#header{background-image: url("banner2.jpg") ; ; /* The image used */
  background-color:#666666; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */}
  #headerthanks{background-image: url("sands-header.webp") ; ; /* The image used */
  background-color:#666666; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */}
  
  
#logobar{width:100%; }
#logo{text-align:center;}
.logo{width:299px;height:auto;}
#main{width:100%;margin:auto;}
#main-inner{width:80%;max-width:1200px;margin:auto;}
#header-text{font-size:1.5em;width:50%;color:#fff;padding:0px 0 0 50px;}
h1{font-size:3.0em;font-weight:bold;color:#fbc4db;line-height:1.0em;}
h2{font-size:1.6em;font-weight:bold;color:#b56b8a;line-height:1.0em;}
#footer{idth:100%;background-color:#5B6670;}
#footer-inner{width:80%;margin:auto;color:#fff;font-size:0.8em;}
.footertext{padding:20px; 0 0 0}
.container{
    width:100%;
 
}
.strap{font-style:italic;font-zise:1.2em;color:#b56b8a;}
.footer-box{display:inline-block;width:20%;vertical-align:top;}
.footerlogo{width:80%;height:auto;}
.footer-box a:link,.footer-box a:visited {color:#fff;text-decoration:none;}
.footer-box a:hover{color:#fbc4db;text-decoration:underline;}
#enquire{width:100%;background-color:#dd2c76;}
#enquire-inner{width:80%;margin:auto;padding:10px 0 10px 0;color:#fff;}
#enquire-inner h1{color:#fff;}
.textbox {padding:100px 0 0 0;}
.buttonalign{text-align:center;padding:25px 0 0 0;}
input[type=submit] {
    padding:5px 20px; 
   background-color:#68c827;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;border: 2px solid #fff; color:#fff;font-size:1.6em;
}
input[type=reset] {
    padding:5px 20px; 
   background-color:#999;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;border: 2px solid #fff; color:#fff;font-size:1.6em;
}

.menu {background-color:#fff; 
    border:1px solid #ccc;
	box-shadow: 3px 3px 10px 3px #ccc;
	 -webkit-border-radius: 5px;
    border-radius: 25px;margin:0 0 10px 0;}
	.menu-text{padding:10px;color:#666;}
	.menu-text h2{color:#dd2c76;font-size:1.5em;font-weight:bold;}
	.menu-img {width:100%;height:auto; -webkit-border-radius: 25px 25px 0px 0px;
    border-radius: 25px 25px 0px 0px;}
	
	#menubutton {
    padding:5px 20px; 
   background-color:#dd2c76;
    cursor:pointer;
    -webkit-border-radius: 10px;
	border: 2px solid #fff;
    border-radius: 10px; color:#fff;font-size:1.6em;
}
	#review-inner{width:80%;margin:auto;padding:20px 0 20px 0;}
	#review{width:100%;margin:auto;}
	.center{text-align:center;}
	.menupage{background-color:#E9E9E9;  padding:20px; text-align:center;
    border:1px solid #ccc;
	box-shadow: 3px 3px 10px 3px #ccc;
	 -webkit-border-radius: 25px;
    border-radius: 25px;margin:25px 0 25px 0;}
	#main-grey{width:100%;margin:auto;background-color:#EEEDED; }
	td{padding:0 0 10px 0;}
	.instruction{font-size:0.8em;}
	
/*=============================================*/
@media screen and (max-width:600px) {
   #header-text{font-size:1.25em;width:80%;margin:auto;color:#fff;padding: 40px  0 0 0px;}
h1{font-size:2.0em;}
.footer-box{display:block;width:100%;vertical-align:top;}

}
}