@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Voga&display=swap');


@font-face {
    font-family: 'voga_regular_2';
    src: url('voga_bold-webfont.woff2') format('woff2'),
         url('voga_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'voga_bold';
    src: url('voga_medium-webfont.woff2') format('woff2'),
         url('voga_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'voga_regular';
    src: url('voga_regular-webfont.woff2') format('woff2'),
         url('voga_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



.menulinks {
 /* font-family: 'voga_bold', sans-serif;*/
 font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 text-transform: uppercase;
  font-size:14px;
  color:rgba(255,255,255,1);
  padding-top: 10px;
  text-decoration:none !important;
  list-style: none !important;
}
.menulinks:hover,.menuactive
{
	text-decoration:none !important;
	color:rgb(255, 204, 0);
	
	
}

.submenulinks {
  font-family: 'voga_bold', sans-serif;
  font-size:24px;
  color:rgba(255,255,255,1);
  padding:8px;
  margin-right:5px;
  border-bottom:4px solid rgba(204,204,204,1);
  cursor:pointer;
  background-color: #1e272e; 
  
  
}
.pizza_c
{
	border:0px solid rgba(255,51,51,1) !important;
	
}
.cookies_c
{
	border:0px solid rgba(245, 245, 220, 1) !important;
	
}

.burgers_c
{
	border:0px solid rgba(255, 255, 0, 1) !important;
	
}
.pies_c
{
	border:0px solid rgba(255, 165, 0, 1) !important;
	
}

.pizza_d
{
	
	border-color:rgba(255,51,51,1) !important;
	
}



.burgers_d,.cakes_d
{
	border-color:rgba(255, 255, 0, 1) !important;
	
}
.pies_d,.cookies_d
{
	border-color:rgba(255, 165, 0, 1) !important;
	
}
/* CSS Document //#00002a, #E2BF36 */

.top1
{
	background-color:#E2BF36;
	height:30px !important;
	color:rgba(255,255,255,1);

}
.desc
{
	color:rgba(255,255,255,1);
	font-family: 'Times New Roman', Times, serif;
	font-size:20px;
	position:absolute;
	/*top:80%;*/
	width:90%;
	

	/*width: 90%;
	margin-top: -15%;
	background-color: #172027;
	clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
	padding-top: 15%;
	height: 250px;*/
}

.sdesc
{
	
font-size:14px;	
	
	
}
.btn_order
{
	background-color:rgba(255,204,51,1);
	color:rgba(255,255,255,1);
	border:0px;
	border-radius:5px;
	height: 34px;
    font-size: 14px;
	width: 50px;	
}
.btn_editions
{
	background-color: #0000ff;
	color:rgba(255,255,255,1);
	border:0px;
	border-radius:5px;
	height: 34px;
    font-size: 14px;
	width: 50px;	
}
.btn_max
{
	width: 100px !important;
}
#search_container
{
	display: none;

}



.price{
	
	font-size: 16px;
	font-weight: bold;
	color: gold;
	margin-top: 3px;
}
.readmore{
	
	font-size: 16px;
	
	color: gold;
	margin-top: 3px;
}
.blog_date
{
	font-size:12px;
	color:rgba(204,204,204,1);
	font-weight:bold;
	
	
}

footer
{
	
	height:100px;
	color:rgba(255,255,255,1);
	margin-top:20px;
	border-top:5px solid rgb(255, 204, 0);
	position:relative;
	top:100px;
	
	
}
.socials
{
	font-size:20px;
	
}
.short_desc
{
font-size:14px;
/*color:rgba(102,102,102,1);*/
color:rgba(255,255,255,1);	
	
}
.footer_titles {
	font-family: 'voga_bold', sans-serif;
	font-size: 20px;
	font-weight:bold;
}

.footer_body {
	font-family: 'voga_bold', sans-serif;
	font-size: 14px;
	font-weight:bold;
}
body
{
	padding-top:70px;
	background-color: #1e272e !important;
	overflow-x: hidden !important;
	
	
}
.fx1
{
	/*background-color:rgba(0,0,0,1);*/
	background-color: #2A333A;
}
.fx2{
	top:70px !important;
	/*background-color:rgba(0,0,0,1);*/
	background-color: #1e272e;
	z-index:2;	
}
.fxrest
{
	top:70px;
	position:relative;
}
.conrest
{
	position:relative;
	
}

.showcart
{
	position:relative;
	border:1px #FFFFFF solid;
	border-radius:20px;
	color:rgba(255,255,255,1);
}
.listlines
{
	border-bottom:1px dotted #FFFFFF;
	
}
.listlines:hover
{
	border-bottom:1px dotted #FFFFFF;
	background-color:rgba(51,51,51,1);
	cursor:pointer;
	
}



.medium_square{
	width:410px !important;
	height:410px !important;
	background-color:rgba(204,102,0,1);
}
.small_rectangle{
	width:410px !important;
	height:200px !important;
	background-color:rgba(204,102,0,1);
}
.upright_rectangle{
	width:320px !important;
	height:480px !important;
	background-color:rgba(204,102,0,1);
}
.recipe_blocks {

	border: 2px solid #172027;
	color:#FFFFFF;
	border-radius: 00px 00px 05px 05px;
	border-top: none;
	background-color: #172027;
	font-family: 'Times New Roman', Times, serif;
	width: 270px;
	max-width: 100% !important;
  }
  
  .recipe-text {
	width: 100%;
	text-align: center;
	display: block;
  }
.label
{
	position:relative;
	top:62%;
	background-color: rgba(255,255,255,0.9);
	width:90%;
	margin-left:5%;
	height:50px;
	border-radius:10px;
	font-size:12px;
	font-weight:bolder;
	padding:3px;
	font-family: "Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
}

.type_label
{
	position:absolute;
	top:55%;
	background-color: rgb(255, 204, 0);
	width:100px;
	color:rgba(255,255,255,1);
	margin-left:50px;
	height:20px;
	border-radius:05px;
	font-size:10px;
	font-weight:bolder;
	padding:3px;
	z-index:1;
	
	font-family: "Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
}

.type_label2
{
	position:absolute;
	top:55%;
	background-color: rgb(255, 204, 0);
	width:100px;
	color:rgba(255,255,255,1);
	margin-left:30%;
	height:20px;
	border-radius:05px;
	font-size:10px;
	font-weight:bolder;
	padding:3px;
	z-index:1;
	
	font-family: "Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
}

.feature_label
{
	
	background-color: rgb(255, 204, 0);
	width:100px;
	color:rgba(255,255,255,1);
	
	height:20px;
	border-radius:05px;
	font-size:14px;
	font-weight:bolder;
	padding:5px;
	z-index:1;
	margin-top:10px;
	
	font-family: "Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
}
.section_label
{
	
	background-color: rgb(255, 204, 0);
	max-width: max-content;
	width: 120px;
	
	color:rgba(255,255,255,1);
	height:40px;
	border-radius:05px;
	font-size:14px;
	font-weight:bolder;
	padding:10px;
	z-index:1;
	margin-top:10px;
	margin-left: 10px;
	
	font-family: "Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
}
.title_lines {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    font-family: arial;
}
.title_lines:before, .title_lines:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 48%;
    height: 1px;
    content: '\a0';
    background-color: #cccccc;
    margin-left: 2%;
}
.title_lines:before {
    margin-left: -50%;
    text-align: right;
}

#featured
{
	width:600px;
	height:300px;
	background-color:rgba(255,255,255,1);
	border:1px #FFF solid;
	
}


.cartbrief
{
	border:1px  rgba(255,255,255,0.2) solid;
	color:rgba(255,255,255,1);
	border-radius:15px;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 4px 16px, rgba(255, 255, 255, 0.05) 0px 8px 32px;
		
}
.recipe_title {
	color: white;
	font-size: 36px;
	font-weight: bold;
}
.recipe_bytitle{
	color: white;
	font-size: 14px;
	font-weight: bold;		
}
.recipedetail{
  color:rgb(255, 204, 0);
	font-size: 14px;
	font-weight: bold;	
	
}
#gamount
{

	border: 1px solid white;
	padding: 4px;
	margin-left: 5px;
	border-radius: 5px;
	font-weight: bold;
	display: inline-block;
}	
.cartimg{
	
border-radius:15px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Adjust the shadow color and intensity as desired */
  transform: translateY(2px); /* Adjust the vertical translation to control	*/
}
#carticon{
	position:fixed;
	width:75px;
	height:75px;
	font-size:36px;
	padding:15px;
	bottom:50px;
	right:50px;
	border-radius:50%;
	background-color:rgb(255, 204, 51);
	z-index:10;
	color: rgba(255,255,255,1);
	display:none;
	
	
}
.vertical-line {
  border-left: 2px solid rgba(255,255,255,1); /* Adjust the color and thickness as desired */
  height: 80px; /* Adjust the height of the vertical line */
}
.rightwing
{

  border-left: 2px solid rgba(204,204,204,0.2); /* Adjust the color and thickness as desired */
 /* Adjust the height of the vertical line */
}
.downrule
{
	border:1px dotted rgba(255, 204, 51,0.9);
	margin-top: 5px !important;
	
	
	
}
.blogtags{
	padding: 5px;
	background-color: grey;
	border: 1px black solid;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display:inline-block;
		
}
.foodie_li {
	list-style: none;
	margin: 10px;
	border: 1px solid white;
	border-radius: 5px;
	padding: 10px;
}

.foodie_li:hover ,.foodie_active {
	list-style: none;
	border: 1px solid rgb(255, 204, 0);
	background-color:rgb(255, 204, 0);
	color: rgba(255,255,255,1);
	cursor:pointer;
}
.addresses
{
	border:1px dotted #CCCCCC;
	border-radius:10px;
	padding:10px;
		
}
#scroller
{
	border:1px solid #FFF;
	border-radius:20px;
	width:100%; 
	height:450px;	
}
.banner
{
	width:100%;
	height:100%;
	border-radius:20px;
	background-size:cover;
}
.na
{
	display:none;
	
	
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
  }
  
  .modal-content {
	background-color: rgb(12, 12, 12) !important;
	width: 300px !important;
	color: white;
	padding: 10px !important;
	border:1px #FFFFFF solid;
	border-radius: 5px !important;
	box-shadow: 0 2px 4px rgb(0, 0, 2);
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  
 #confirmYes,#confirmNo
 {
 width: 100px !important;

 }
 .slide_item
 {
	position:absolute; top:0px; left:0px;
	width: 100%;
	height: 100%;
	display: none;
	left:200%;
	z-index: 1;
	background-size: cover;

 }
 .slide_active
 {
	display: block;
	left: 0px !important;

 }
 .subslide
 {
	background-color: rgba(43, 51, 58,0.8); 
	width:100%; 
	height:100%;
	 z-index:2}
 #slide1
 {
	background-image: url('../img/food/foodslide1.jpg');
	
 }
 #slide2
 {
	background-image: url('../img/food/foodslide2.jpg');
	background-size: cover;
	
 }
 #slide3
 {
	background-image: url('../img/food/foodslide3.jpg');
	
 }
 #slide4
 {
	background-image: url('../img/food/foodslide4.png');
	
 }
 #slide5
 {
	background-image: url('../img/food/foodslide5.jpg');
	
 }
 .slidehead
 {
	font-size: 38px;
	font-family: 'Times New Roman', Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 5px gold solid;
	padding-left: 20px;

 }


.slidecontent {
	font-family: 'Times New Roman', Times, serif;
	font-size: 20px;
	display: inline-block;
	width: 400px;
	color: white;
}
.slidecontent_b {
	font-family: 'Times New Roman', Times, serif;
	font-size: 48px;
	display: inline-block;
	width: 60%;
	color: white;
	font-weight: bold;
}


.featured {
	position: absolute;
	top: 100px;
	left:-50px;
	font-family: 'Times New Roman', Times, serif;
	width: 50px;
	color:rgba(255, 165, 0, 0.3);
	font-size: 28px;
	/*writing-mode: vertical-rl; /* Vertical writing mode, right-to-left */
	writing-mode: sideways-lr;
	text-orientation: mixed; /* Text orientation for vertical text */
  }

.corner-border {
	width: 200px;
	height: 50px;
	background-color: rgba(153,153,153,0.3);
	border-width: 2px;
	border-color: gold;
	border-style: solid;
	border-image: initial;
	border-radius: 05px;
	border-top: none;
	border-right: none;
  }
  .corner-border:hover
  {
	background-color: #E2BF36;
	color: #FFFFFF;


  }
  .snave {
	position: absolute;
	z-index: 3;
	right: 10%;
	top: 20%;
	width: 20px;
	height: max-content;
}


.snave_btns {
	display: inline-block;
	border-bottom:2px #FFFFFF solid;
	margin-bottom: 5px;
	width: 20px;
	height: 40px;
	color: #FFFFFF;
	font-size: 20px;
	cursor: pointer;
	
}

.snave_btns_active {
	border-bottom:2px gold  solid;
	color: gold;	
}
.writer
{
color: #FFFFFF;
font-size: 16px;
}
.recipe_container
{
	background-color: rgba(245, 245, 220, 0.3);
	border-radius: 20px;
	padding-left: 20px;
	transform-origin: top left;
	
}

.slide-container{
	/*animation: enlargeAnimation 10s infinite alternate ease;*/
	/*animation: enlargeAnimation 10s  infinite alternate ease;*/
	background-color: transparent;
  }
  
  @keyframes enlargeAnimation {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(1.5);
	}
  }

  .goldclass
  {
    color: gold;

  }
  .whiteclass
  {
	color: #FFFFFF;
	outline: #FFFFFF;
  }

.rcategories {
	color: gold;
	font-family: times;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.ricons {
	color: rgb(255, 255, 255);
}
.sticky
{
	
		z-index: 5;
		top: 62px;
		position: fixed;
		width: 95%;
	

}

.sticky_search
{
	
		z-index: 5;
		position: fixed !important;
		width: 90% !important;
		height: 50px !important;
	

}

.sticky_1
{
	
		z-index: 5;
		top: 160px;
		position: fixed !important;
		width: 90% !important;
	

}

.sec_titles {
	font-size: 38px;
	font-family: times;
	border-right: 5px solid gold;
}


.blog_blocks
{
	padding: 10px;
	background-color: #172027;
	border:2px solid #172027;
	border-radius: 10px;



}
.movingElement {
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ffd700;
	color: #FFFFFF;
	padding: 15px;
	font-size: 18px;
	position: absolute !important;
	z-index: 15;
}
.search_fluid{
	margin-top: 0px !important;
   }
   .r_row {
	border: 1px solid #172027;
	border-radius: 10px;
	background-color: #172027;
	padding: 10px;
	/* margin: 1rem !important; */
}

#rrow{
	color: white;
	height: 50px;

}
#rrow{
	margin-top: -05px !important;
}



/*media query */


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
	/* CSS */
	#rrow{
		margin-top: -05px !important;
	}
	
	.s_nav {
		width: max-content;
		margin-top: 3rem;
	}
	.smaller_writings_1
	{
		display: none;

	}
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:20px 00px 00px 20px;	
	}
	
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px 20px 20px 00px;
	
	
}
.innrest
{
	position:relative;
	border:1px #FFFFFF solid;
	border-radius:20px;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	.slidehead_b
	{
	   font-size: 16px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_pics
{
	border:2px solid #333;
	border-radius:00px;
	width: 250px;
	height: 250px;
	max-width: 100%;
	
}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: none;

	}
	.blog_main_images
	{
		border-radius:20px; 
		width:230px;
		height:230px;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		margin:1rem !important;
	
	
	}
	.rtitles {
		color: white;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.recipe_snipet
	{
		position:relative; 
		top: 25%; 
		left:10%; 
		float:left;
	}
	.smallercont{
		font-size: 20px !important;
		font-weight: normal !important;
		
		}
	
	.submenulinks {
		font-family: 'voga_bold', sans-serif;
		font-size:24px;
		color:rgba(255,255,255,1);
		padding:8px;
		margin-right:5px;
		border-bottom:4px solid rgba(204,204,204,1);
		cursor:pointer;
		background-color: #1e272e; 
		
		
	  }
	  .foodsub
{
	/*width:250px;*/
	height:400px;
	border:1px solid rgba(153,153,153,1);
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}
	  .sticky1
{
	
		z-index: 5;
		top: 70px;
		position: fixed;
		width: 95%;
		margin: 1rem !important;
	

}
.foodim,.small_square
{
	/*width:270px;*/
	height:270px;
	/*position:absolute;*/
	border-radius:10px 10px 00px 00px;
	top:0px;
	left:0px;
	background-color:rgba(255,102,0,1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; /* Center the background image */
	max-width: 100%;
	
}
.small_square{
	margin-right:10px !important;
	float: left;
	border-radius:05px 05px 00px 00px !important ;	
}

#default_container, #food_menu,#search_container,#search_content{
margin: 1rem;
}
.storyimages {
	display: none;
  }

  .slidecontent_r {
	font-family: 'Times New Roman', Times, serif;
	font-size: 36px;
	display: inline-block;
	width: 80%;
	color: white;
	font-weight: bold;
}
.recipe_pic_container
{
	background-color: rgba(245, 245, 220, 0.3);
	border-radius: 50%;
	width: 300px;
	height: 300px;
	border:4px  rgba(245, 245, 220, 0.3) solid;
	background-size: contain;

}
.conrest 
  {
	margin: 1rem;


  }
  .wood {
	left: 40%;
	position: relative;
	width: 200px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 60px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
	
  }
  
  /* 
	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
	
	/* CSS */
	#rrow{
		margin-top: -05px !important;
	}
	
	.s_nav {
		width: max-content;
	}
	.smaller_writings_1
	{
		display: none;

	}
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:20px 00px 00px 20px;	
	}

	
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px 20px 20px 00px;
	
	
}
.innrest
{
	position:relative;
	border:1px #FFFFFF solid;
	border-radius:20px;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	.polygon_div {
		width: 95%;
		margin-top: -20%;
		background-color: #172027;
		clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
		padding-top: 15%;
		height: 250px;
	}
	.slidehead_b
	{
	   font-size: 16px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
		font-family: "Source Serif Pro", Sans-serif;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		height: 250px;
		max-width: 100%;
		
	}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: none;

	}
	.blog_main_images
	{
		border-radius:20px; 
		width:230px;
		height:230px;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		margin:1rem !important;
	
	
	}
	.rtitles {
		color: white;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.submenulinks {
		font-family: 'voga_bold', sans-serif;
		font-size:24px;
		color:rgba(255,255,255,1);
		padding:8px;
		margin-right:5px;
		border-bottom:4px solid rgba(204,204,204,1);
		cursor:pointer;
		background-color: #1e272e; 
		
		
	  }
	  .foodsub
{
	/*width:250px;*/
	height:400px;
	border:1px solid rgba(153,153,153,1);
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}
	  .sticky1
{
	
		z-index: 5;
		top: 70px;
		position: fixed;
		width: 95%;
		margin: 1rem !important;
	

}
.foodim,.small_square
{
	width:270px;
	height:270px;
	/*position:absolute;*/
	border-radius:10px 10px 00px 00px;
	top:0px;
	left:0px;
	background-color:rgba(255,102,0,1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; /* Center the background image */
	max-width: 100%;
	
}
.small_square{
	margin-right:10px !important;
	float: left;
	border-radius:05px 05px 00px 00px !important ;	
}
#default_container, #food_menu,#search_container,#search_content{
	margin: 1rem;
	}

#default_container, #food_menu,#search_container,#search_content{
	margin: 1rem;
	}
	.storyimages {
		display: none;
	  }

	  .recipe_snipet
	{
		position:relative; 
		top: 15%; 
		left:10%; 
		float:left;
	}
	.smallercont{
		font-size: 18px !important;
		font-weight: normal !important;
		
		}
		.slidecontent_r {
			font-family: 'Times New Roman', Times, serif;
			font-size: 28px;
			display: inline-block;
			width: 80%;
			color: white;
			font-weight: bold;
		}
		.recipe_pic_container
		{
			background-color: rgba(245, 245, 220, 0.3);
			border-radius: 50%;
			width: 250px;
			height: 250px;
			border:4px  rgba(245, 245, 220, 0.3) solid;
			background-size: contain;
		
		}
		.conrest 
  {
	margin: 1rem;


  }
  .wood {
	left: 40%;
	position: relative;
	width: 200px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 60px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 30% !important;

  }
	
  }
  
  /* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
	
	/* CSS */
	#rrow{
		margin-top: 0px !important;
	}
	.s_nav {
		width: max-content;
		margin-top: 3rem;
	}
	.smaller_writings_1
	{
		display: none;

	}
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:20px 00px 00px 20px;	
	}
	
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px 20px 20px 00px;
	
	
}
.innrest
{
	position:relative;
	border:1px #FFFFFF solid;
	border-radius:20px;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	.polygon_div {
		width: 95%;
		margin-top: -20%;
		background-color: #172027;
		clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
		padding-top: 15%;
		height: 250px;
	}
	.slidehead_b
	{
	   font-size: 16px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
		font-family: "Source Serif Pro", Sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		max-width: 100%;
		
	}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: none;

	}
	.blog_main_images
	{
		border-radius:20px; 
		width:170px;
		height:170px;
		margin-top: 3rem;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		margin:1rem !important;
	
	}
	.rtitles {
		color: white;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.submenulinks {
		font-family: 'voga_bold', sans-serif;
		font-size:24px;
		color:rgba(255,255,255,1);
		padding:8px;
		margin-right:5px;
		border-bottom:4px solid rgba(204,204,204,1);
		cursor:pointer;
		background-color: #1e272e; 
		
		
	  }
	  .sticky1
{
	
		z-index: 5;
		top: 70px;
		position: fixed;
		width: 95%;
		margin: 1rem !important;
	

}
.foodim,.small_square
{
	width:270px;
	height:270px;
	/*position:absolute;*/
	border-radius:10px 10px 00px 00px;
	top:0px;
	left:0px;
	background-color:rgba(255,102,0,1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; /* Center the background image */
	max-width: 100%;
	
}
.small_square{
	margin-right:10px !important;
	float: left;
	border-radius:05px 05px 00px 00px !important ;	
}
#default_container, #food_menu,#search_container,#search_content{
	margin: 1rem;
	}

	.foodsub
{
	/*width:250px;*/
	height:400px;
	border:1px solid rgba(153,153,153,1);
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}
.storyimages {
	display: none;
  }
  .recipe_snipet
	{
		position:relative; 
		top: 10%; 
		left:10%; 
		float:left;
	}
	.smallercont{
		font-size: 18px !important;
		font-weight: normal !important;
		
		}
		.slidecontent_r {
			font-family: 'Times New Roman', Times, serif;
			font-size: 28px;
			display: inline-block;
			width: 80%;
			color: white;
			font-weight: bold;
		}
		.recipe_pic_container
{
	background-color: rgba(245, 245, 220, 0.3);
	border-radius: 50%;
	width: 150px;
	height: 150px;
	border:4px  rgba(245, 245, 220, 0.3) solid;
	background-size: contain;

}
.conrest 
  {
	margin: 1rem;


  }
  .wood {
	left: 40%;
	position: relative;
	width: 200px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 60px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
	
  }
  
  /* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	/* CSS */
	#rrow{
		margin-top: 60px !important;
	}
	.s_nav {
		width: max-content;
		margin-top: 3rem;
	}
	.smaller_writings_1
	{
		display: none;

	}
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:20px 00px 00px 20px;	
	}
	
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px 20px 20px 00px;
	
	
}
.innrest
{
	position:relative;
	border:1px #FFFFFF solid;
	border-radius:20px;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	.polygon_div {
		width: 95%;
		margin-top: -20%;
		background-color: #172027;
		clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
		padding-top: 15%;
		height: 250px;
	}
	.slidehead_b
	{
	   font-size: 16px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
		font-family: "Source Serif Pro", Sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		max-width: 100%;
		
	}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: none;

	}
	.blog_main_images
	{
		border-radius:20px; 
		width:170px;
		height:170px;
		margin-top: 3rem;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		margin:1rem !important;
	
	
	}
	.rtitles {
		color: white;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.submenulinks {
		font-family: 'voga_bold', sans-serif;
		font-size:24px;
		color:rgba(255,255,255,1);
		padding:8px;
		margin-right:5px;
		border-bottom:4px solid rgba(204,204,204,1);
		cursor:pointer;
		background-color: #1e272e; 
		
		
	  }
	  .sticky1
{
	
		z-index: 5;
		top: 70px;
		position: fixed;
		width: 95%;
		margin: 1rem !important;
	

}
.foodim,.small_square
{
	width:270px;
	height:270px;
	/*position:absolute;*/
	border-radius:10px 10px 00px 00px;
	top:0px;
	left:0px;
	background-color:rgba(255,102,0,1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; /* Center the background image */
	max-width: 100%;
	
}
.small_square{
	margin-right:10px !important;
	float: left;
	border-radius:05px 05px 00px 00px !important ;	
}
#default_container, #food_menu,#search_container,#search_content{
	margin: 1rem;
	}
	.foodsub
{
	/*width:250px;*/
	height:400px;
	border:1px solid rgba(153,153,153,1);
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}
.storyimages {
	display: none;
  }
  .recipe_snipet
	{
		position:relative; 
		top: 10%; 
		left:10%; 
		float:left;
	}
	.smallercont{
		font-size: 18px !important;
		font-weight: normal !important;
		
		}
		.slidecontent_r {
			font-family: 'Times New Roman', Times, serif;
			font-size: 28px;
			display: inline-block;
			width: 80%;
			color: white;
			font-weight: bold;
		}
		.recipe_pic_container
		{
			background-color: rgba(245, 245, 220, 0.3);
			border-radius: 50%;
			width: 150px;
			height: 150px;
			border:4px  rgba(245, 245, 220, 0.3) solid;
			background-size: contain;
		
		}
		.conrest 
  {
	margin: 1rem;


  }
  .wood {
	left: 40%;
	position: relative;
	width: 200px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 60px;
	font-weight: bold;
	font-size: 20px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
	
  }
  
  /* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
	
	/* CSS */
	#rrow{
		margin-top: 60px !important;
	}
	.intitle {
		font-weight: bold;
		color: gold;
	}
	.latefix{
		position:fixed !important;
		background-color: #172027; 
		z-index: 5;
	}
	.latefix1{
		margin-top: 3rem !important;
	}
	.s_menu {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-direction: row;
			list-style: none;
			padding: 0px !important;
			font-size: 12px;
			
		}
		.s_nav {
			width: 100%;

		}
	
	
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:00px;	
	}
	
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px;
	
	
}
.innrest
{
	position:relative;

	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	.polygon_div {
		width: 95%;
		margin-top: -25%;
		background-color: #172027;
		clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
		padding-top: 15%;
		height: 250px;
	}
	.slidehead_b
	{
	   font-size: 14px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
		font-family: "Source Serif Pro", Sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		max-width: 100%;
		
	}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: block;
		margin-top: 1rem;
        margin-right: 1rem;

	}
	.small_writings
	{
		font-size: 14px;
		font-family: 'Times New Roman', Times, serif;


	}
	.blog_main_images
	{
		border-radius:20px; 
		width:100px;
		height:100px;
		float: left;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		
		z-index: 5;
		top: 62px;
		position: fixed;
		width: 100%;
	
	
	}
	.rtitles {
		color: white;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.submenulinks {
		font-family: 'voga_bold', sans-serif;
		font-size:18px;
		color:rgba(255,255,255,1);
		padding:8px;
		margin-right:5px;
		border-bottom:4px solid rgba(204,204,204,1);
		cursor:pointer;
		background-color: #1e272e; 
		
		
	  }
	.menulinks {
		/* font-family: 'voga_bold', sans-serif;*/
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		text-transform: uppercase;
		 font-size:14px;
		 color:rgba(255,255,255,1);
		 padding-top: 10px;
		 text-decoration:none !important;
		 list-style: none !important;
	   }
	   .search_fluid{
		margin-top: 1.5rem !important;
	   }
	   .sticky1
			{

			z-index: 5;
			top: 70px;
			position: fixed;
			width: 100%;

			}
			.foodim,.small_square
{
	width:270px;
	height:270px;
	/*position:absolute;*/
	border-radius:10px 10px 00px 00px;
	top:0px;
	left:0px;
	background-color:rgba(255,102,0,1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center; /* Center the background image */
	max-width: 100%;
	
}
.small_square{
	margin-right:10px !important;
	float: left;
	border-radius:05px 05px 00px 00px !important ;	
}
#default_container, #food_menu,#search_container,#search_content{
	margin: 0px;
	margin-top: 1rem;
	}
	#search_content{
		margin-top: 3.5rem;
		}
	.foodsub
{
	/*width:250px;*/
	height:410px;
	border:1px solid rgba(153,153,153,1);
	border-radius:10px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}
.storyimages {
	display: block;
	float: left;
	margin: 0px 10px -15px 0px;
  }
  .feature_recipe 
  {
	position: relative;
	top: 120px;


  }
  .conrest 
  {
	position: relative;
	top: 60px;


  }
  .trow{

	display: none !important;
  }
  .wood {
	left: 35%;
	position: relative;
	width: 150px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 45px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
	
  }
  
  /* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 340px) and (max-width: 480px) {
	
	/* CSS */
	#rrow{
		margin-top: 60px !important;
	}
	.intitle {
		font-weight: bold;
		color: gold;
	}
	.latefix{
		position:fixed !important;
		background-color: #172027;
		z-index: 5;
	}
	.latefix1{
		margin-top: 3rem !important;
	}
	.smaller_menus
	{
		display: none;

	}
	.s_menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		list-style: none;
		padding: 0px !important;
		font-size: 12px;
		
	}
	.s_nav {
		width: 100%;

	}
	.lside{
		background-color:rgb(255, 204, 0);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		color: rgba(51,51,51,1);
		font-weight:bolder;
		border-radius:00px;	
	}
	.rside{
		background-image:url(../img/charcoal%20black1.jpg);
		background-size: cover;
		color:rgba(255,255,255,1);
		font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
		font-weight: bolder;
		border-radius:00px;
		
		
	}
	.innrest
{
	position:relative;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
	
	
	.polygon_div {
		width: 101%;
		margin-top: -25%;
		background-color: #172027;
		clip-path: polygon(0 25px, 100% 0, 100% 100%, 0% 100%);
		padding-top: 25%;
		height: 250px;
	}
	.slidehead_b
	{
	   font-size: 12px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
		font-family: "Source Serif Pro", Sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2em;
	}
	.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		max-width: 100%;
		
	}
	.stitle {
		font-weight: bold;
		font-size: 20px;
		font-family: 'Times New Roman', Times, serif;
		margin-bottom: 5px !important;
	}
	.small_images
	{
		display: block;
		margin-top: 1rem;
        margin-right: 1rem;

	}
	.small_writings
	{
		font-size: 14px;
		font-family: 'Times New Roman', Times, serif;


	}
	.blog_main_images
	{
		border-radius:20px; 
		width:100px;
		height:100px;
		float: left;
	}
	.s_row{
		border: 1px solid #172027;
		border-radius: 10px;
		background-color: #172027;
		z-index: 5;
		top: 62px;
		position: fixed;
		width: 100%;
		
	
	
	}
	.xtras
		{
			font-size: 10px;
		}
	.rtitles {
		color: white;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Times New Roman', Times, serif;
	}
	.submenulinks {
  font-family: 'voga_bold', sans-serif;
  font-size:18px;
  color:rgba(255,255,255,1);
  padding:8px;
  margin-right:5px;
  border-bottom:4px solid rgba(204,204,204,1);
  cursor:pointer;
  background-color: #1e272e; 
  
  
}
	.menulinks {
		/* font-family: 'voga_bold', sans-serif;*/
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
		text-transform: uppercase;
		 font-size:14px;
		 color:rgba(255,255,255,1);
		 padding-top: 10px;
		 text-decoration:none !important;
		 list-style: none !important;
	   }

	   .search_fluid{
		margin-top: 1.5rem !important;
	   }
	   .sticky1
			{

			z-index: 5;
			top: 70px;
			position: fixed;
			width: 100%;

			}
			.foodim,.small_square
			{
				width:100%;
				height:154px;
				/*position:absolute;*/
				border-radius:10px 10px 00px 00px;
				top:0px;
				left:0px;
				background-color:rgba(255,102,0,1);
				background-size:cover;
				background-repeat: no-repeat;
				background-position: center; /* Center the background image */
				max-width: 100%;
				
			}
			.small_square{
				margin-right:10px !important;
				float: left;
				border-radius:05px 05px 00px 00px !important ;	
			}
			#default_container, #food_menu,#search_container,#search_content{
				margin: 0px;
				margin-top:1rem;
				}
				#food_menu{
					margin-left: -10px !important;

				}
				#search_content{
					margin-top: 3.5rem;
					}
				.foodsub
				{
					width:100%;
					height:340px;
					border:1px solid rgba(153,153,153,1);
					border-radius:10px;
					box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
				}
				.storyimages {
					display: block;
					float: left;
					margin: 0px 10px -15px 0px;
				  }
				  .feature_recipe
  {
	position: relative;
	top: 100px;


  }
  .conrest 
  {
	position: relative;
	top: 60px;


  }
  .trow{

	display: none !important;

  }
  .wood {
	left: 30%;
	position: relative;
	width: 150px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 45px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
	
  }
  @media (min-width: 320px) and (max-width: 339px) {
		/* CSS */
		#rrow{
			margin-top: 60px !important;
		}
		
		.intitle {
			font-weight: bold;
			color: gold;
		}
		.latefix{
			position:fixed !important;
			background-color: #172027;
			z-index: 5;


		}
		.latefix1{
			margin-top: 3rem !important;
		}
		.smaller_menus
	{
		display: none;

	}
	.s_menu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		list-style: none;
		padding: 0px !important;
		font-size: 12px;
		
	}
	.s_nav {
		width: 100%;

	}
		.lside{
			background-color:rgb(255, 204, 0);
			font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
			color: rgba(51,51,51,1);
			font-weight:bolder;
			border-radius:00px;	
		}
		
.rside{
	background-image:url(../img/charcoal%20black1.jpg);
	background-size: cover;
	color:rgba(255,255,255,1);
	font-family:"Century Gothic", "Berlin Sans FB", "Berlin Sans FB Demi";
	font-weight: bolder;
	border-radius:00px;
	
	
}
.innrest
{
	position:relative;
	box-shadow: rgba(255, 255, 255, 1) 0px 5px 15px;
}
		.polygon_div
		{
			width: 90%;
			margin-top: -15%;
			background-color: #172027;
			clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%);
			padding-top: 15%;
			height: 250px;
		
		}
		
		.slidehead_b
	{
	   font-size: 12px;
	   font-family: 'Times New Roman', Times, serif;
	   color: #FFFFFF;
	   border-left: 5px gold solid;
	   padding-left: 10px;
	   
   
	}
	.blog_title{
			font-family: "Source Serif Pro", Sans-serif;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.2em;
		}
		.blog_pics
	{
		border:2px solid #333;
		border-radius:00px;
		width: 250px;
		max-width: 100%;
		
	}
		.stitle {
			font-weight: bold;
			font-size: 20px;
			font-family: 'Times New Roman', Times, serif;
			margin-bottom: 5px !important;
		}
		.small_images
	{
		display: block;
		margin-top: 1rem;
        margin-right: 1rem;

	}
	.small_writings
	{
		font-size: 14px;
		font-family: 'Times New Roman', Times, serif;


	}
		.blog_main_images
	{
		border-radius:20px; 
		width:100px;
		height:100px;
		float: left;
	}
		.s_row{
			border: 1px solid #172027;
			border-radius: 10px;
			background-color: #172027;
			z-index: 5;
		top: 62px;
		position: fixed;
		width: 100%;
			
		
		
		}
		.xtras
		{
			font-size: 10px;
		}
		.rtitles {
			color: white;
			font-size: 12px;
			font-weight: bold;
			font-family: 'Times New Roman', Times, serif;
		}
		.submenulinks {
			font-family: 'voga_bold', sans-serif;
			font-size:18px;
			color:rgba(255,255,255,1);
			padding:8px;
			margin-right:5px;
			border-bottom:4px solid rgba(204,204,204,1);
			cursor:pointer;
			background-color: #1e272e; 
			
			
		  }
			  .menulinks {
				  /* font-family: 'voga_bold', sans-serif;*/
				  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				  text-transform: uppercase;
				   font-size:14px;
				   color:rgba(255,255,255,1);
				   padding-top: 10px;
				   text-decoration:none !important;
				   list-style: none !important;
				 }
		  
				 .search_fluid{
				  margin-top: 1.5rem !important;
				 }
				 .sticky1
					  {
		  
					  z-index: 5;
					  top: 70px;
					  position: fixed;
					  width: 100%;
		  
					  }

	.foodim,.small_square
	{
		width:270px;
		height:270px;
		/*position:absolute;*/
		border-radius:10px 10px 00px 00px;
		top:0px;
		left:0px;
		background-color:rgba(255,102,0,1);
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center; /* Center the background image */
		max-width: 100%;
		
	}
	.small_square{
		margin-right:10px !important;
		float: left;
		border-radius:05px 05px 00px 00px !important ;	
	}
	#default_container, #food_menu,#search_container,#search_content{
		margin: 1rem;
		}
		#search_content{
			margin-top: 3.5rem;
			}
		.foodsub
	{
		/*width:250px;*/
		height:400px;
		border:1px solid rgba(153,153,153,1);
		border-radius:10px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
	}
	.sticky_search
{
	
		z-index: 5;
		position: fixed !important;
		width: 90% !important;
		height: 50px !important;
		margin-left:-30px;
	
}
.storyimages {
	display: block;
	float: left;
	margin: 0px 10px -15px 0px;
  }
  .feature_recipe
  {
	position: relative;
	top: 130px;


  }
  .conrest 
  {
	position: relative;
	top: 60px;


  }
  .trow{

	display: none !important;

  }
  .wood {
	left: 25%;
	position: relative;
	width: 150px;
	height: 150px;
	background-image: url('../img/food/wood3.png');
	background-size: contain;
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 45px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Times New Roman', Times, serif;
}
.modal-content {

	top: 20% !important;

  }
		

  }


