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

img {width: 100%}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.container {clear:both;}
body {font-family: "pinecone-mvb-rough2", sans-serif; background: url("images/images/backgroundcontinuedwithvines.png") top center repeat-y, url("images/images/brick.png");}

/***Home***/
div.logo {float:center; width:110%; height: 300px;}
div.row.header a {text-decoration: none; /*background-size: 500%;*/}


div.header {background:url("images/backgroundw-vines.png") top center no-repeat, url("images/images/backgroundfade.png") top center no-repeat; background-size: 90%, 89%; padding-bottom: 40px; }

div.row div.container div.nav a {display: flex; font-size: 40px; font-family: "pinecone-mvb-rough2", sans-serif; margin-top: -50%; color: white; text-shadow:
            -2px -2px 0 #9f0013,
            2px -2px 0 #9f0013,
            -2px 2px 0 #9f0013,
            2px 2px 0 #9f0013; transition: transform .1s;}

div.row div.container div.nav a {display:block; width:100%; text-align: center;} 
div.row div.container div.nav a:hover {transform: scale(1.2);}


div.row.header div.container.text div.col-10 p {text-align:center; font-size: 40px; font-family: "pinecone-mvb-rough2", sans-serif; width: 100%; background: -webkit-linear-gradient(#a6211b, #fb8f43); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: -2%;}


div.welcome img {margin-top: 30%;}

div.explore img {transition: transform .1s;}
div.explore img:hover {transform: scale(1.2);}



/****About****/

div.row.about div.container.about div.intro div.col-12 p {font-size: 35px; width: 85%; font-family: "pinecone-mvb-rough2", sans-serif; color: white; background: -webkit-linear-gradient(#a6211b, #fb8f43); border: 4px solid #9f0013; padding: 2%; border-radius: 50px;}

div.row.about div.container.about div.image div.col-6 {border: 4px solid #9f0013; background-color: #FFFFFF; padding: 40px; border-radius: 50px; width: 90%;}
div.row.about div.container.about div.image div.col-6 p {font-family: "niramit", sans-serif; color: #640606;}
div.row.about div.container.about div.image div.col-6 span {font-family: "niramit", sans-serif; color: #fb8f43;}


/****Menu*****/

div.row.menu div.container.menu div.menu h1 {font-size: 35px; width: 85%; font-family: "pinecone-mvb-rough2", sans-serif; color: white; background: -webkit-linear-gradient(#a6211b, #fb8f43); border: 4px solid #9f0013; padding: 2%; border-radius: 50px;}

div.row.menu div.container.menu div.menu h2 {font-family: "ekamai", sans-serif; color: white; /* -webkit-text-stroke: 2px #9f0013*/;text-shadow:
            -3px -3px 0 #9f0013,
            3px -3px 0 #9f0013,
            -3px 3px 0 #9f0013,
            3px 3px 0 #9f0013;  letter-spacing: 5px;}
div.row.menu div.container.menu div.menu h2 span {font-family: "ekamai", sans-serif; color: #640606;}
div.row.menu div.container.menu div.menu h3 {font-family: "pinecone-mvb-rough2", sans-serif; color: #9f0013;}
div.row.menu div.container.menu div.menu h3 span {font-family: "pinecone-mvb-rough2", sans-serif; color: #f27d28;}
div.row.menu div.container.menu div.menu p {font-family: "niramit", sans-serif; color: #640606; }
div.row.menu div.container.menu div.menu div.menuitems{column-count:2;}

div.row.menu div.container.menu div.choice h2 {font-family: "ekamai", sans-serif; color: white; color: white; /* -webkit-text-stroke: 2px #9f0013*/;text-shadow:
            -3px -3px 0 #9f0013,
            3px -3px 0 #9f0013,
            -3px 3px 0 #9f0013,
            3px 3px 0 #9f0013; letter-spacing: 5px;}
div.row.menu div.container.menu div.choice h2 span {font-family: "ekamai", sans-serif; color: white;  -webkit-text-stroke: 5px #9f0013; paint-order: stroke fill; /*text-shadow:
            -3px -3px 0 #9f0013,
            3px -3px 0 #9f0013,
            -3px 3px 0 #9f0013,
            3px 3px 0 #9f0013;*/;}
div.row.menu div.container.menu div.choice h3 {font-family: "pinecone-mvb-rough2", sans-serif; color: #9f0013;}
div.row.menu div.container.menu div.choice h3 span {font-family: "pinecone-mvb-rough2", sans-serif;  color: #f27d28;}
div.row.menu div.container.menu div.choice p {font-family: "niramit", sans-serif; color: #640606;}

div.row.menu div.container.menu div.choice div.col-10 h4 {font-family: "pinecone-mvb-rough2", sans-serif; font-size: 25px; width: 100%; padding-bottom: 10%; color: #f27d28; text-align: center; text-shadow:1px 1px 0 #9f0013, 2px 2px 0 #9f0013, 3px 3px 0 #9f0013,

-1px -1px 0 #9f0013;}

/*****Contact*****/

div.row.contact div.container.contact div.intro div.col-12 p {font-size: 35px; width: 85%; font-family: "pinecone-mvb-rough2", sans-serif; color: white; background: -webkit-linear-gradient(#a6211b, #fb8f43); border: 4px solid #9f0013; padding: 2%; border-radius: 50px;}

div.row.contact div.container.contact div.form1 p {font-size: 40px; font-family: "ekamai", sans-serif; color: white; color: white;  -webkit-text-stroke: 5px #9f0013; paint-order: stroke fill; /*text-shadow:
            -3px -3px 0 #9f0013,
            3px -3px 0 #9f0013,
            -3px 3px 0 #9f0013,
            3px 3px 0 #9f0013;*/;}






div.row.contact div.container.contact div.col-6 div.form2 form {display: block; padding: 30px 20px 30px 30px; border: 4px solid #9f0013; border-radius: 30px; font-size: 20px; width: 350px; font-family: "pinecone-mvb-rough2", sans-serif; }

div.row.contact div.container.contact div.col-6 div.form2 input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="submit"], input[type="reset"] {display: block; background: #9f0013; border: 4px solid #9f0013; border-radius: 40px; text-align: center; font-family: "pinecone-mvb-rough2", sans-serif; color: #640606; width:300px;}
 
div.row.contact div.container.contact div.col-6 div.form2 input[type="reset"], input[type="submit"] {display: inline-block; font-family: "pinecone-mvb-rough2", sans-serif; width: 150px; font-size: 15px; color: white; transition: transform .2s; }

 div.row.contact div.container.contact div.col-6 div.form2 input[type="reset"]:hover, input[type="submit"]:hover {transform: scale(1.1); background: white; border: 9px solid white; color: #9f0013;}

div.row.contact div.container.contact div.col-6 div.form2 {display: block;}

div.form2 label {font-size: 20px; font-family: "pinecone-mvb-rough2", sans-serif; color:#640606; margin-top: 30px; display:inline-block;}




/******Mobile Style*****/

@media only screen and (max-width: 800px) {
	
	body {background: url("images/mobile images/images/background_02.png") top center no-repeat, url("images/mobile images/images/background3.png") repeat-y; background-size: 100%; width: 100%;}
	
	div.row div.container div.nav a {font-size: 30px; font-family: "pinecone-mvb-rough2", sans-serif; float: center; display: inline-block; height: 30%; }
	
	div.header {background:url("images/mobile images/images/pill_02.png") top center no-repeat, url("images/mobile images/images/logo_03.png") top center no-repeat; background-size: 100%; width: 100%;}
	
	div.logo {height:100px;}
	
	 
	div.explore img {display: flex; width: 100%; margin-top: -4%;}
	
	div.row.about div.container.about div.image div.col-6 {border: 4px solid #9f0013; background-color: #FFFFFF; padding: 40px; border-radius: 50px; width: 75%;}
	
	div.row.menu div.container.menu div.menu div.menuitems{column-count:1;}
	
	iv.row.menu div.container.menu div.choice h2 {font-family: "ekamai", sans-serif; color: white;  /* -webkit-text-stroke: 2px #9f0013*/;text-shadow:
            -3px -3px 0 #9f0013,
            3px -3px 0 #9f0013,
            -3px 3px 0 #9f0013,
            3px 3px 0 #9f0013;}

	
}