:root {
	--white: #ffffff;
	--black: #000000;
	--gray_1: #e9efef;
	--gray_2: #ecebdf;
    --melon_1:#fde8c4;

	--orange_1: #f79c26; /** orange **/
	--maroon_1: #970a01; /** maroon **/
	--maroon_2: #c72625; /** maroon **/
	--maroon_3: #ef4130; /** maroon **/
		
	
	--blue_1:#0072bc; /** dark blue **/
	--red_1:#f15a22; /** tomato red **/
	--red_2:#dc4d28; /**  red **/
	--red_3:#f15a22; /**  red **/
	

    --green_1: #0f6b3a; /** dark green **/
    --green_2: #f5bd1c; /** ocre **/
	--green_3: #8dc63f; /** light green **/
	--green_4: #bbd56a; /** light green **/
	--green_5: #8cc73f; /** light green **/
	--green_6: #f3edb1; /** light green **/	
	--green_7: #dee892; /** light green **/
    --green_8: #dfe892; /** light green **/
	--green_9: #cedf7f; /** light green **/
	--green_10: #e2e998; /** light green **/
	

	--root_size:18px;
	
	
	--size_18:clamp(0.667rem, 0.419rem + 0.581vw, 1rem);
	
    --size_24:clamp(1rem, 0.958rem + 0.375vw, 1.333rem);
	--size_30:clamp(0.778rem, 0.6rem + 1.067vw, 1.667rem);
	--size_36:clamp(0.889rem, 0.667rem + 1.333vw, 2rem);	
	--size_40:clamp(1.111rem, 0.284rem + 1.938vw, 2.222rem); 
	--size_48:clamp(1.111rem, -0.047rem + 2.713vw, 2.667rem);  
	--size_60:clamp(1.667rem, 1.333rem + 2vw, 3.333rem);  
	--size_72:clamp(1.333rem, 0.8rem + 3.2vw, 4rem);
	--size_120:clamp(2rem, 1.067rem + 5.6vw, 6.667rem);

	--line_80:clamp(5.00rem,8.00vw, 8.00vw);
	--line_65:clamp(2.00rem,6.50vw, 6.50vw);
	--line_50:clamp(3.50rem,5.00vw, 5.00vw);
	--line_40:clamp(2.00rem,4.00vw, 4.00vw);
	--line_35:clamp(2.00rem,3.50vw, 3.50vw);
	--line_30:clamp(2.00rem,3.00vw, 3.00vw);
	--line_25:clamp(2.00rem,2.20vw, 2.20vw);
	--line_23:clamp(1.40rem,2.23vw, 2.23vw);
	--line_20:clamp(1.40rem,2.00vw, 2.00vw);
	--line_15:clamp(1.20rem,1.50vw, 1.50vw);
	
	
	--head-height:clamp(5.556rem, 2.145rem + 6.188vw, 8.333rem);
	--head-mobile-height:clamp(5.556rem, 5.552rem + 6.527vw, 8.333rem);
	--logo-mobile-height:clamp(2.778rem, 2.19rem + 5.291vw, 4.444rem);
	--mobile-height:clamp(5.556rem, 5.552rem + 6.527vw, 8.333rem);
	
	--nav_brand:clamp(11.111rem, -7.163rem + 42.829vw, 35.667rem);
	--nav_link:clamp(0.833rem, 0.213rem + 1.453vw, 1.667rem);
	--margin_link:0 clamp(1.111rem, -0.956rem + 4.845vw, 3.889rem) 0 0;
	
	--circle:clamp(2.222rem, 1.806rem + 3.75vw, 5.556rem);
	--cap_top:clamp(7.222rem,-1.873rem + 21.318vw, 48%);

}
@font-face {
  font-family: gotham;
  src: url('../fonts/gotham_bold.otf');
  font-weight: bold;
}

@font-face {
  font-family: gotham_book;
  src: url('../fonts/gotham_book.otf');
}
@font-face {
  font-family: gotham_book;
  src: url('../fonts/gotham_bookitalic.otf');
  font-style:italic;
}
@font-face {
  font-family: gotham_medium;
  src: url('../fonts/gotham_medium.otf');
}
@font-face {
  font-family: gotham_medium;
  src: url('../fonts/gotham_mediumitalic.ttf');
   font-style:italic;
}
@font-face {
  font-family: swiss_condensed;
  src: url('../fonts/Swiss_721_Condensed_Bold.otf');
}



html {
	overflow:hidden;
    overflow-y: scroll;	
	scroll-behavior: smooth;
	}
html,
body {
  background: var(--white);
  color: var(--black);
  font-size:var(--root_size);
  line-height:var(--line_15);
  font-family:'gotham_medium',sans-serif;
  font-weight:normal;
  width:100%;
  padding:0;
  margin:0;
}

/***************  FOR ALL PAGES *************************/
 .hidden { display: none; }
		
		
h1,h2{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	}
h3,h4,p{
	font-family:'gotham_book',sans-serif;
	}
h1{
	font-size: var(--size_60);
	color:var(--green_1);	
	text-transform:uppercase;
	}
h2,h3{
	text-transform:none;
	font-size: var(--size_48);
	}
p.small{
	line-height:var(--line_15);
	}

input::-moz-focus-inner { border: 0; }
::-webkit-validation-bubble-message { display: none; }
img:focus {outline: none !important;}

a,
a:active,
a:visited,
a:link {
	  font-family:'gotham_medium',sans-serif;
	  color:var(--green_1);
      outline: none;
      cursor:pointer;
	   background-color:transparent;	
	  -webkit-transition: all .35s ease-out;
      -moz-transition: all .35s ease-out;
       transition: all .35s ease-out;
	  text-decoration: none;
}
a:hover,
a:focus {
	color:var(--green_3); 
    text-decoration:none;
}

.hero{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	margin-top: var(--head-height);
	background-color: var(--white);
	overflow:hidden !important;
}

.section{
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	margin-top:.6rem;
	background-color: var(--white);
	
	
	
}

.subtitle{
	padding:var(--line_40) 0 var(--line_15);
    text-align:center;
}
.subtitle h2,
.subtitle h3{
    font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_48);	
	color: var(--green_1);
	text-transform:uppercase;
	margin:0;
	line-height:var(--line_23);
}
.subtitle h3{
	font-size: var(--size_30);
}

.button-wrapper{
	margin:3.5vw auto 0 auto;
}

.v:after {
    content:url("../images/mobile_v.png");
	position: relative;
    top:3px;
	left:5px;
}
.g:after {
    content:url("../images/mobile_g.png");
	position: relative;
    top:3px;
	left:5px;
}
.vg:after {
    content:url("../images/mobile_vg.png");
	position: relative;
    top:3px;
	left:5px;
}
.vegf:after {
    content:url("../images/mobile_vegf.png");
	position: relative;
     top:3px;
	left:5px;
}
.veg:after {
    content:url("../images/mobile_veg.png");
	position: relative;
     top:3px;
	left:5px;
}

/***************************************/

.link_button,
.link_button:active,
.link_button:focus
 {	 background-color: var(--green_1) !important;
	 border-radius:clamp(0.389rem, 0.099rem + 0.678vw, 0.778rem);
	 font-size:var(--size_30);
	 color: var(--white) !important;
	 padding:clamp(0.3rem,0.8vw, 0.8rem) clamp(.4rem,1.2vw, 1.2rem);
	 text-transform:uppercase;
	 margin:0;
	 border:0;
}

.link_button:hover {
	 background-color: var(--green_5) !important;
	 color: var(--white);
}


/***************  CARDS *************************/

.card{
	 border-radius:0;
	 border:0;
     margin-top:0;	
	 height: 100% !important;
}
.card-header{
	text-align:center;
	padding:var(--line_15) 0;
		 border:0;
}
.card-body{
	text-align:center;
	padding:0;
	margin:0;
	border:0;
	flex:0 0 auto; 
}
.card-footer{
	text-align:center;
	margin: auto;
	padding:20px 7px;
	border:0;
	background:transparent;
	height: 100% !important;
}
.footer-pice{margin-top:5px;}

.img_wrapper{
	 overflow:hidden;
}


/************ MENU BAR NAVIGATION *******************/

.navbar {
	background: rgb(244,237,179);
	background: -moz-linear-gradient(0deg, rgba(244,237,179,1) 0%, rgba(222,231,145,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(244,237,179,1) 0%, rgba(222,231,145,1) 100%);
	background: linear-gradient(0deg, rgba(244,237,179,1) 0%, rgba(222,231,145,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4edb3",endColorstr="#dee791",GradientType=1);
	margin:0;
	padding:0 1vw;
	height:var(--head-height);
	width:100%;
	 transition: height 0.3s ease;
}
.navbar-brand{
  width:var(--nav_brand);
  transition: height 0.3s ease;
}

.nav-link,
.nav-link:visited {
    color: var(--green_1) !important;
	font-size:var(--nav_link);
	margin:0;
	padding:0;
    margin:var(--margin_link);
	text-transform:uppercase;
	 transition: height 0.3s ease;
}
.nav-link:hover, 
.nav-link:focus{
      color: var(--green_3);
}
.nav-link.active {
     color: var(--green_3) !important;
    text-decoration:overline !important;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    transition: all .35s ease-out;
	text-decoration: none;
}
.navbar .navbar-nav .nav-item a.link_button{
	padding:clamp(0.3rem,0.8vw, 0.8rem) clamp(.4rem,1.2vw, 1.2rem);
	margin:0;
	font-size:var(--nav_link);	
}

/************ CAROUSEL ********************/


.carousel {	
	margin-top:var(--head-height);
    overflow: hidden;    
}
.carousel-item {    
    transition: opacity 0.8s ease-in-out;
}
.carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.carousel-caption  {
	position:absolute;
    top:var(--cap_top);
    left: 50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   /* transform: translateX(-50%); */
    padding:0;
	  width:60vw ;
}

.carousel-item img.sun {
	position:absolute;
    top: 50%;
    left: 50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   /* transform: translateX(-50%); */
    padding:0;
	 width:40vw !important;
	height:auto;
	display:block;
} 
 
.carousel-caption h1{
	font-size:var(--size_120);
	line-height:var(--line_65);
	color: var(--green_3);	
	text-transform:uppercase;
	}
.carousel-caption h2{
	font-size:var(--size_72);
	line-height:var(--line_40);
	color: var(--green_1);
		text-transform:uppercase;
	}	
	.carousel-caption h3{
	font-size:var(--size_48);
	line-height:var(--line_35);
	color: var(--green_1);
		text-transform:none;
	}	
.carousel-caption.catering h1{
		color: var(--green_1);
	}
.carousel-caption.catering  h2{
		color: var(--green_3);
	}
.carousel-caption.join h2,
.carousel-caption.join h3{
		color: var(--black);
	}

.circle{
  position:relative;
  height:var(--circle);
  width:var(--circle);
}
.circle:after{
    content: " ";
	position: absolute; /* Positions the circle relative to the parent */
    top:1vw;
    left:50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:var(--circle);
    height:var(--circle);
    border-radius: 50%; /* Makes it a circle */
    background-color:rgba(141, 198, 63, .7);
    z-index: -1;        /* Place the circle behind the icon */
    padding:0;
	margin:0;
}
.circle .carousel-control-next-icon,
.circle .carousel-control-prev-icon{
	  position: absolute; /* Centers the icon inside the circle */
	  top: clamp(1vw,1vw, 25%);
	  left: 50%;
	  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
	  width: var(--line_40);
	  height: var(--line_40);
}

.carousel-item  .button-wrapper a.link_button{
	font-size:clamp(1.2rem,1.66vw, 1.66rem);
}
.carousel-item img.move,
img.img-fluid.move{
  -webkit-animation: thing 30s;
  -o-animation: thing 30s;
  animation: thing 30s; 
  overflow:hidden !important;
}

.fading-image {
  opacity: 1;
  animation: fadePartial 2s forwards;
  -webkit-animation: fadePartial 2s forwards;
  /*animation-delay: 1s;  Wait 1 second before starting animation */  
}
.fade-in-caption {
	 opacity: 0;
      animation:  fadeIn 1s ease-in-out 1s forwards;
	 -webkit-animation:  fadeIn 1s ease-in-out 1s forwards;
	  -o-animation:  fadeIn 1s ease-in-out 1s forwards;
      /* Safari hardware acceleration hack */
      -webkit-backface-visibility: hidden;
      will-change: opacity;
   /* animation-delay: 1s;  Wait 1 second before starting animation  */
}
@-webkit-keyframes thing {
  from {
     transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}	
@keyframes thing {
  from {
     transform: scale(1, 1);
  }
  to {
    transform: scale(1.2, 1.2);
  }
}
@-webkit-keyframes fadePartial {
 from { opacity: 1; }
  to { opacity: 0.15; }
}
@keyframes fadePartial {
  from { opacity: 1; }
  to { opacity: 0.15; }
}

@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
 to {
    opacity: 1;
  }
}


/************** INDEX SECTIONS **********************/

.welcome{
	 background-color: var(--green_4);	
}
.welcome .content{
	margin:clamp(1.944rem, -2.489rem + 8.045vw, 5.556rem)  auto 0 auto;
	width:clamp(13.889rem, -1.408rem + 35.853vw, 34.444rem);
	text-align:center;
}

.welcome .video,
.welcome video{
	 max-width:100%;	 
}

.welcome h2{
	font-size: var(--size_48);	
}
.welcome p{
	font-size:clamp(0.789rem, 2.112vw + 0rem, 2rem);	
	line-height:clamp(1.222rem, 0.478rem + 1.744vw, 2.222rem);	
	margin-top:clamp(0.278rem, -0.136rem + 0.969vw, 0.833rem);
}
.welcome p span{
	font-family:'gotham',sans-serif;
	font-weight:bold;
}
.embed-responsive-item{float:right;}

/*******************************/

.mehdi{
     background-repeat:no-repeat;
	 background-position:center;
	 background-size: cover;
	 background-color: var(--green_2);
     background-image:  url("../images/bg_sun.jpg");
}
.mehdi .content{
	margin:clamp(2.778rem, -0.53rem + 7.752vw, 7.222rem) auto 0 auto;
	width:clamp(16.111rem, -0.84rem + 39.729vw, 38.889rem);
	text-align:center;
}
.mehdi h2{
	font-family:'gotham_medium',sans-serif !important;
	font-weight:400;
	font-size: var(--size_40);	
}
.mehdi p{
	font-size: var(--size_40);	
	line-height:var(--line_23);
	margin-top:var(--line_23);
	font-style:italic;
	
}

/*******************************/

.famous .content,
.pepper .content{
	position:absolute;
	top:45%;
	left:20%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:35vw;
	text-align:center;
}
.famous h2,
.pepper h2{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size: var(--size_48);		
	margin-top:var(--line_20);	
}
.famous h2 span,
.pepper h2 span{
	font-family:'gotham',sans-serif;
	font-weight:bold;
}

/*******************************/
.pepper .content{
	left: 49%;
	width:35vw;
}
.pepper h2{
	font-size: var(--size_40);		
	color: var(--white);
}

/*********** JOIN FORM & CONTACT FORM*************/
#joinform form,
#contact form{
	max-width:800px !important;
	margin:0 auto;
	padding: 0;
}
#contact form{
	max-width:600px !important;
}
#joinform{
	 padding:var(--line_25) 0;
	 background-color: #8dc73f;	 
	 background-repeat:no-repeat;
	 background-position:top center;
	 background-size:100%;
     background-image:  url("../images/bg_form.jpg");	
	 display:table !important;
	 padding:4vw 0;
}
#contact{
	margin: var(--head-height) 0 0 0;
	 padding:4vw;	 
	  background-color: var(--green_4);	 
	   background-repeat:no-repeat;
	 background-position:top center;
       background-image:  url("../images/bg_sun_green.jpg");
display:table !important;
height:50vw;
}
.join.section p{
	font-size: var(--size_36);	
	line-height:var(--line_15);
	margin-top:var(--line_15);
}
#mc-embedded-subscribe-form div.disclaimer {
	color: var(--black);
   font-size: .9rem !important;
  line-height:1.5rem;
  font-family:'gotham_book',sans-serif;
  font-weight:normal;
   margin:0 auto 1rem auto;
}

.recaptcha{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:80px;
	margin:0 auto;

}
.g-recaptcha{
	position:absolute !important;
	margin:0 !important;
	padding:0 !important;
	width:304px;
	height:78px;	
	top:35px;
	left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.recaptcha-notice{
	font-family:'gotham_medium',sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:0.9rem !important;
	padding:0;
	text-align:center;
	margin:0 auto 20px auto !important;
}
.recaptcha-warning{
	border:2px solid red;
	color:#fff;
	background:rgba(255, 0, 0, 0.5) !important;
	font-family:'gotham_medium',sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:0.9rem !important;
	padding:0;
	text-align:center;
}
#joinform .content{
	margin:30% auto 0 auto;
	width:80% !important;
}
#joinform .content p{
	line-height:var(--line_25);
}
#joinform .content h2{
	font-size:clamp(1.667rem, 0.922rem + 1.744vw, 2.667rem);
}

.form-label,
.invalid-feedback,
.form-text,
.form-select,
label{
	font-family:'gotham_book',sans-serif;
	font-size:  var(--size_18);
}
.form-control{
	font-family:'gotham_book',sans-serif;
	font-size: var(--size_18);
	border-radius:.6rem;
}
.form-text,
.invalid-feedback{
    font-style:italic;
}

.invalid-feedback{
	font-weight:bold;
  color:#e8f1c6;
}
/*********** CONTACT FORM*************/



.contact form{
	position:relative;
	margin:0 auto;
	max-width:600px;
    text-align:left !important;
}
#content1 p.bold a{
	font-weight:bold;
	 text-decoration: underline;
}
#content1 p.bold a:hover{
	font-weight:bold;
	 text-decoration: none;
}

.contact p{
	font-size: var(--size_30);
	line-height:var(--line_25);
}
.contact p.bold{
	font-size: var(--size_30);
	margin:1rem 0 var(--line_25) 0;
}
.contact p.bold span{
	font-family:'gotham',sans-serif;
	font-size: var(--size_30);
	font-weight:bold;
}
.contact label.drop{
	font-family:'gotham',sans-serif;
	font-size: var(--size_24);
	font-weight:bold;
}

.contact p.textform{
		font-family:'gotham',sans-serif;
		font-size:var(--size_24);
		font-weight:bold;
		line-height:var(--line_25);
}
.form-control.dropdown-toggle{
	font-weight:bold;
	text-align:left;
}
.dropdown-section{
	margin:var(--line_15) auto;
	max-width:400px;
	position:relative;
}
.location .dropdown-section{
	max-width:250px !important;
	margin:var(--line_15) auto;
}
button.form-control.dropdown-toggle{
	font-family:'gotham_book',sans-serif;
	font-size: var(--size_24);
}

ul.dropdown-menu{	
	 background-color: var(--green_7);
	 max-width:100%;
}
ul.dropdown-menu li{
		font-family:'gotham',sans-serif;
	font-size: var(--size_24);
	font-weight:bold;
}
/****************** IMG OVERLAY ***********************************/

.card.salad .card-img-overlay{
	top:.5vw;
	left:clamp(16.667rem, -7.206rem + 43.317vw, 36.111rem);
    padding:0;
    text-align:center;	
}

#menu .card.sharable .card-img-overlay,
#menu .card.soup .card-img-overlay,
#menu .card.sandwiche .card-img-overlay
{
	top:clamp(8.333rem, -5.308rem + 24.752vw, 19.444rem);
	left:60%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align:center;	
	width:100%;
}
#menu .card.sandwiche .card-img-overlay
{
    text-align:left;
	left:58vw;
	width:40vw;
}	
#menu .card.soup .card-img-overlay
{
	top:clamp(6.667rem, -3.564rem + 18.564vw, 15rem);
	left:50%;
	max-width:90%;	
}
#catering .card.sharable .card-img-overlay{
	top:0;
	left:3%;
	text-align:left;
}
#catering .card.bowl .card-img-overlay{
	top:2%;
	left:0;
	text-align:left;
	width:70vw;
}
#catering .card.sandwiche .card-img-overlay{

	top:2%;
	left:45%;
	text-align:left;
	width:50vw;
}

#catering .dessert-beverage .card .card-img-overlay{
	top:35%;
	left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:center;
     width:100%;
}
/****************** HR ***********************************/

hr
{
	display: block;
  height: .25rem;
  border: 0;  
  border-top: .25rem solid;
  border-color:var(--green_1);
  opacity:100%;
  padding:0;
  margin:clamp(0rem, -0.682rem + 1.238vw, 0.556rem) auto clamp(0.278rem, -2.109rem + 4.332vw, 2.222rem) auto;
}

.card.sharable .card-img-overlay hr{width:clamp(16.667rem, 3.025rem + 24.752vw, 27.778rem); }
.card.soup .card-img-overlay hr{  width:clamp(13.889rem, 13.194rem + 6.25vw, 19.444rem);}
.card.salad .card-img-overlay hr{  width:clamp(13.889rem, 13.194rem + 6.25vw, 19.444rem);}
.card.bowl .card-img-overlay hr{width:clamp(16.667rem, 14.931rem + 15.625vw, 30.556rem);}
.card.sandwiche .card-img-overlay hr{width:clamp(16.667rem, 3.025rem + 24.752vw, 27.778rem);}

.card.bowl .card-img-overlay hr,
.card.sandwiche .card-img-overlay hr{ margin:1vw 0 2vw 0;}

#menu .card.bowl .card-img-overlay hr{ margin:0.5vw 0 0.5vw 0;}

.card.bowl .card-img-overlay hr,
.card.sandwiche .card-img-overlay hr{ margin:1vw 0 2vw 0;}
.card.sharable .card-img-overlay hr,
.card.soup .card-img-overlay hr{border-color:var(--maroon_1);}
.card.bowl .card-img-overlay hr{border-color:var(--red_1);}
.card.salad .card-img-overlay hr{border-color:var(--green_3);}

#careers hr,
.foot .foot-links hr {
  border-color:var(--green_3);
  margin:var(--line_20) auto;
  width:40vw;
}
.foot .foot-links hr {
	margin:0 auto;
	width:90%;
	}

/****************** MENU ***********************************/

#menu{
	padding:0;
	background-color: var(--white) !important;
	}

#menu .card.sharable .card-img-overlay p,
#menu .card.soup .card-img-overlay p,
#catering .card.sharable .card-img-overlay p{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	color:var(--maroon_1);
	font-size:clamp(0.889rem, -0.066rem + 1.733vw, 1.667rem);	
	padding-bottom:clamp(0rem, -0.955rem + 1.733vw, 0.778rem);
}
#menu .card.sharable .card-img-overlay p span,
#menu .card.soup .card-img-overlay p span,
#catering .card.sharable .card-img-overlay p span
{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	color: rgba(0, 0, 0, 0.7);
}
#menu .sharables .burrata,
#menu .sharables .beets{
	position:absolute;
	bottom:0;
	left:1.3rem;
	text-align:left;
}

#menu .sharables .beets p,
#menu .sharables .burrata p{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_30);
    text-shadow: 1px 1px #000000;
	color:var(--white);
}

#menu .sharables .beets p{
	color:var(--maroon_1);
}

/************************************/



#menu .card.soup .card-img-overlay p.col,
#menu .card.soup .card-img-overlay p.col span{
	font-weight:normal;
	color:var(--red_1);
	font-size: var(--size_36);	
}
#menu .card.soup .card-img-overlay p.col span{
	font-family:'gotham_book',sans-serif;
	color: rgba(241, 90, 34, 0.7);
}
/************************************/
.card.salad .card-img-overlay h2.tall{
	font-family:'gotham_medium',sans-serif;
	font-size:clamp(1.389rem, 1.146rem + 2.188vw, 3.333rem);
    font-weight:normal;
    text-transform:uppercase;
	color: var(--green_3);
	margin-bottom:0;
}

.card.sharable .card-img-overlay h2,
.card.soup .card-img-overlay h2,
.card.salad .card-img-overlay h2
{
	font-size:clamp(1.667rem, 1.375rem + 2.625vw, 4rem);	
	color: var(--green_1);
	text-transform:uppercase;
}
.card.bowl .card-img-overlay h2,
.card.sandwiche .card-img-overlay h2{
	font-size:clamp(1.667rem, 1.458rem + 1.875vw, 3.333rem);	
	color: var(--green_1);
}
#menu .card.bowl .card-img-overlay h2,
#catering .card.salad .card-img-overlay h2{
	padding:0;
	margin:0;
}
#menu .card.sharable .card-img-overlay h2{
	color: var(--orange_1);
}
#menu .card.soup .card-img-overlay h2{
	color: var(--red_1);
}
#menu .card.sandwiche .card-img-overlay h2{
	color: var(--red_3);
}

.card.salad .card-img-overlay p.bold,
.card.salad .card-img-overlay p.bold span,
.card.bowl .card-img-overlay p.bold,
.card-footer  p.bold,
.card.sandwiche .card-img-overlay  p.bold,
.price p
{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size:clamp(0.889rem, -0.066rem + 1.733vw, 1.667rem);	
	padding-bottom:0;
	margin-bottom:0;
	color:var(--green_1);
	text-transform:none;
	line-height:clamp(1rem, -0.16rem + 2.104vw, 1.944rem);
}
.price p,
.price p span
{   font-size:clamp(0.778rem, 0.096rem + 1.238vw, 1.333rem);
	line-height:clamp(1rem, 0.182rem + 1.485vw, 1.667rem);
}
div.price{
	margin:0;
	margin-bottom:clamp(0rem, -2.046rem + 3.713vw, 1.667rem);
}
div.price p span{
	color: rgba(25, 123, 48, 0.7);
}
.card.sandwiche .price{
	margin-bottom:clamp(0.556rem, -0.809rem + 2.475vw, 1.667rem);
	
}



.card.salad .card-img-overlay p.bold span,
.card.bowl .card-img-overlay p.bold span,
.card.sandwiche .card-img-overlay  p.bold span,
.card-footer  p.bold span,
.price p span
{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
}

.card.salad .card-img-overlay p.text,
.card.bowl .card-img-overlay p.text,
.card.sandwiche .card-img-overlay  p.text
{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size:clamp(0.778rem, 0.096rem + 1.238vw, 1.333rem);
	line-height:clamp(0.889rem, -0.066rem + 1.733vw, 1.667rem);
	margin-bottom:clamp(0.444rem, -1.397rem + 3.342vw, 1.944rem);
	width:clamp(14.167rem, -2.544rem + 30.322vw, 27.778rem);
}
.card.salad .card-img-overlay p.text
{
	width:clamp(16.667rem, 3.025rem + 24.752vw, 27.778rem);
	margin-bottom:0;
}

/************************************/



#menu	.card.bowl .card-img-overlay  p.text{
	width:clamp(19.444rem, 2.393rem + 30.941vw, 33.333rem);
	margin-bottom:clamp(0.444rem, -0.988rem + 2.599vw, 1.611rem);
}
#menu	.card.bowl .card-img-overlay h2.color{
	font-size:clamp(1rem, -0.228rem + 2.228vw, 2rem);
    color: var(--red_1);
	margin:0;
	margin-bottom:clamp(0.278rem, -0.404rem + 1.238vw, 0.833rem)
}

#menu .bowls .panel{
	position:absolute;
	top:50%;
	left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:center;
	width:20vw;
}
#menu .bowls .panel p{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size:clamp(1.667rem, -0.38rem + 3.713vw, 3.333rem);	
	color:var(--white);
	text-transform:uppercase;
	line-height:var(--line_40);
}

/************************************/

#menu	.sandwiches .panel{	
    position:absolute;
    top:55%;
	left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:left;
	width:20vw;
}
#menu .sandwiches .panel h2{
	color:var(--white);
	line-height:var(--line_30);
}


/************************************/

#menu .card.junior{
background: #F2F2EC;
background: -webkit-linear-gradient(0deg,rgba(242, 242, 236, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(212, 225, 116, 1) 100%);
background: -moz-linear-gradient(0deg,rgba(242, 242, 236, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(212, 225, 116, 1) 100%);
background: linear-gradient(0deg,rgba(242, 242, 236, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(212, 225, 116, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#F2F2EC",
  endColorstr="#D4E174",
  GradientType=0
);
}
#menu .card.dessert{
background: #F4EDB3;
background: -webkit-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(254, 191, 109, 1) 100%);
background: -moz-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(254, 191, 109, 1) 100%);
background: linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(254, 191, 109, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#F4EDB3",
  endColorstr="#FEBF6D",
  GradientType=0
);
}
#menu .card.beverage{
background: #F4EDB3;
background: -webkit-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(251, 226, 97, 1) 100%);
background: -moz-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(251, 226, 97, 1) 100%);
background: linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(244, 237, 178, 1) 40%, rgba(251, 226, 97, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr="#F4EDB3",
  endColorstr="#FBE261",
  GradientType=0
);
}

#menu .card.junior .card-header h2{
	color:var(--green_1);
}
.card.dessert  .card-footer p.bold,
.card.dessert  .card-footer p.bold span,
#menu .card.dessert  .card-header h2{
	color:var(--red_1) !important;
}

#menu .card.beverage .card-header h2{
	color:var(--maroon_2);
}

.card-footer  p.bold{
	margin-bottom:1rem;
	text-transform:none;
}

.card.beverage .card-footer  p.bold{
	color:var(--maroon_2);
}



/************ CATERING ***************************/

#catering{
	padding:0;
	background-color: var(--white) !important;
	}
#catering .hero .content{
	position:absolute;
	top:50%;
	left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:center;
	width:40vw;
}
#catering .hero .content h1{
	font-size:var(--size_60);
}
#catering .hero .content h2{
	font-family:'gotham_medium',sans-serif;
	font-weight:normal;
	font-size:var(--size_48);
	line-height:clamp(1.389rem, 0.967rem + 3.793vw, 3.056rem);
	color: var(--green_3);
	text-transform:uppercase;

}
#catering  .card.sharable .card-img-overlay h2
{
	font-size:clamp(1.667rem, 1.542rem + 1.125vw, 2.667rem);	
	color: var(--maroon_1);
}

#catering .card.sharable .card-img-overlay h3{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_30);	
	color: var(--green_1);
	text-transform:uppercase;
		margin-bottom:clamp(0.833rem, 0.764rem + 0.625vw, 1.389rem);
}
#catering .card.sharable .card-img-overlay p{
margin-bottom:0.7em;
}
#catering .card.sharable .card-img-overlay p span{
	color: rgba(151, 10, 1, 0.7);
}

/************************************/


#catering	.card.bowl .card-img-overlay  p.text
{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size:clamp(0.778rem, 0.096rem + 1.238vw, 1.333rem);
	line-height:clamp(0.889rem, -0.066rem + 1.733vw, 1.667rem);
	margin-bottom:0;
	width:clamp(33.333rem, 19.692rem + 24.752vw, 44.444rem);
}

#catering div.card.bowl div.card-img-overlay h2,
#catering div.card.bowl div.card-img-overlay  p.bold,
#catering div.card.bowl div.price p{
	color:var(--red_2);
}
#catering .card.bowl div.price p span{
	color: rgba(220, 77, 40, 0.7);
}


#catering .card.dessert h2{
	color:var(--maroon_2);
}



/************************************/

#catering div.card.sandwiche div.card-img-overlay h2,
#catering div.card.sandwiche div.card-img-overlay  p.bold,
#catering div.card.sandwiche div.price p{
	color:var(--maroon_1);
}
#catering .card.sandwiche div.price p span{
	color: rgba(151, 10, 1, 0.7);
}
#catering	.card.sandwiche .card-img-overlay  p.text
{   padding:0;
margin:0;

	width:clamp(22.222rem, 5.685rem + 38.76vw, 44.444rem);
}
/************************************/

#catering .dessert-beverage .card .card-img-overlay h2{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size:clamp(1.389rem, 1.146rem + 2.188vw, 3.333rem);
}
#catering .dessert-beverage .card.beverage .card-img-overlay h2{
	margin-bottom:3vw;
}

#catering .card.dessert .card-img-overlay h3{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_30);	
	color: var(--black);
	text-transform:uppercase;
	margin-bottom:var(--line_15);
}
#catering .dessert-beverage .card .card-img-overlay  p.bold{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_30);
	color:var(--maroon_2);
	text-transform:none;
	margin-bottom:.6rem;
}
#catering .dessert-beverage .card .card-img-overlay span{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size: var(--size_30);
	color: rgba(151, 10, 1, 0.7);
}
#catering .card.beverage .card-img-overlay h2,
#catering .card.beverage .card-img-overlay  p.bold{
	color:var(--maroon_1);
}

/**********************************************/

#catering .combo .col-12:first-child{
	padding-left:0;
}
#catering .combo .col-12:last-child{
	padding-right:0;
}
#catering .combo .card .card-header,
#catering .combo .card .card-footer{
	text-align:center !important;
	}
#catering .combo{margin-top:1rem;}
#catering .combo .card{margin-top:0;}


#catering .combo .card .card-header h2{
	font-size:clamp(1.667rem, 0.922rem + 1.744vw, 2.667rem);	
	text-transform:uppercase;
	margin:0;
}

#catering .combo .card .card-footer p{
	font-family:'gotham_medium',sans-serif;	
	font-size:clamp(0.889rem, 0.343rem + 0.99vw, 1.333rem);
	margin:0;
}

#catering .combo .card.provence .card-footer p,
#catering .combo .card.provence .card-header h2{
	color:var(--maroon_3);
}
#catering .combo .card.garden .card-footer p,
#catering .combo .card.garden .card-header h2{
	color:var(--green_1);
}
#catering .combo .card.riviera .card-footer p,
#catering .combo .card.riviera .card-header h2{
	color:var(--maroon_1);
}
#catering .combo .card.chateau .card-footer p,
#catering .combo .card.chateau .card-header h2{
	color:var(--green_1);
}
#catering .combo .card .card-footer .footer-pice p{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size:clamp(0.889rem, 0.343rem + 0.99vw, 1.333rem);
	margin:0;
}

#catering .combo .card.provence .card-footer .footer-pice p{
	color: rgba(239, 65, 48, 0.7);
}
#catering .combo .card.chateau .card-footer .footer-pice p,
#catering .combo .card.garden .card-footer .footer-pice p{
	color: rgba(15, 107, 58, 0.7);
}
#catering .combo .card.riviera .card-footer .footer-pice p{
	color: rgba(151, 10, 1, 0.7);
}
#catering .combo .card.provence{
	background: #F4EDB3;
	background: -webkit-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(254, 191, 109, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(254, 191, 109, 1) 100%);
	background: linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(254, 191, 109, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#F4EDB3",
	  endColorstr="#FEBF6D",
	  GradientType=0
	);
}
#catering .combo .card.garden{
	background: #F4EDB3;
	background: -webkit-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(222, 231, 145, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(222, 231, 145, 1) 100%);
	background: linear-gradient(0deg,rgba(244, 237, 179, 1) 0%, rgba(222, 231, 145, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#F4EDB3",
	  endColorstr="#DEE791",
	  GradientType=0
	);
}
#catering .combo .card.riviera{
	background: #F4EDB2;
	background: -webkit-linear-gradient(0deg,rgba(244, 237, 178, 1) 0%, rgba(251, 226, 97, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(244, 237, 178, 1) 0%, rgba(251, 226, 97, 1) 100%);
	background: linear-gradient(0deg,rgba(244, 237, 178, 1) 0%, rgba(251, 226, 97, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#F4EDB2",
	  endColorstr="#FBE261",
	  GradientType=0
	);
}
#catering .combo .card.chateau{
	background: #F3EDB2;
	background: -webkit-linear-gradient(0deg,rgba(243, 237, 178, 1) 0%, rgba(187, 213, 106, 1) 100%);
	background: -moz-linear-gradient(0deg,rgba(243, 237, 178, 1) 0%, rgba(187, 213, 106, 1) 100%);
	background: linear-gradient(0deg,rgba(243, 237, 178, 1) 0%, rgba(187, 213, 106, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#F3EDB2",
	  endColorstr="#BBD56A",
	  GradientType=0
	);
}

/************************************/

#catering .question{

	padding:var(--line_15);
	text-align:center;
}
#catering .question h3{
	font-family:'gotham_medium',sans-serif;
	font-size: var(--size_36);
	color: var(--black);
	line-height:var(--line_40);
	
}
#catering .question .link{
	margin:var(--line_15) 0 var(--line_25) 0;
}

/**********    MESSAGES   ******************/
#messages{
	margin:var(--head-height) 0 0 0;
	 padding:3rem;	 
	  background-color: var(--green_4);	 
	   background-repeat:no-repeat;
	 background-position:top center;
	 background-size:cover;
       background-image:  url("../images/bg_sun_green.jpg");
height:100% !important;
}
#messages .text{
margin:10vw auto;
}
#messages .text h1,
#messages .text h3{
color:#000;	
padding-bottom:var(--line_25) !important;
}

#messages .text p{
	font-family:'gotham_book',sans-serif;
   font-size: var(--size_36);
	line-height:var(--line_15);
}

/***************** CAREERS *************************/
.career{
	position:relative;
	width:100%;
	padding:var(--line_20);
	margin:0 auto;
	background-color: var(--green_10);
}
.career .benefits{
	margin:var(--line_15) auto;
	padding:var(--line_25);
	background-color: var(--green_9);
	border-radius:.5rem;
	
}
.career .benefits h2{
	font-size: var(--size_36);
	color:var(--green_1);
}
.career .benefits .col{
	margin:0;
	padding:0;
	border:0;
		background-color: var(--green_9);
}
.career img.border{
	
	margin:var(--line_20) auto;
	border-radius:.5rem;
border:.5rem solid var(--green_9) !important;

}
.career p{
	font-size: var(--size_30);
	
}
.career .content{
		position:absolute;
	top:50%;
	left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	 text-align:center;
}
.career .content h2{
	 text-transform:uppercase;
	 margin-bottom:var(--line_40);
}

/*************** LOCATIONS ****************/

.location{
	margin:0;
	 padding:var(--line_30);
	  padding-bottom:10rem;
	  background-color: var(--green_4);	 
	   background-repeat:no-repeat;
	 background-position:top center;
       background-image:  url("../images/bg_sun_green.jpg");
}
.pin{
	display: flex;
	align-items: center;
	margin:0 auto;
	width:200px !important;	
}
.pin img{
 width:49px;
 height: auto;
 margin-right: 1rem;
}
.pin p{
	font-family:'gotham',sans-serif;
	font-weight:bold;
	font-size: var(--size_24);
	color:#0f6b3a;
	margin:0;
	line-height:1.6rem
	
}

.location p.bold{
	font-size: var(--size_30);
}
.location p{
	font-size: var(--size_24);	
}

.location .location_card{
	  background-color: var(--green_8);	
      margin:0 auto 1.7rem auto;	  
	  padding:var(--line_20);
	  border-radius:0.6rem;
      width:80%;
}
.location .location_card h2{
	font-size: var(--size_36);	
	margin:0;
	padding:0;
}
.location .location_card p.color{
	color: var(--green_1);	 
}

/*********** NUTRITION *************/

#nutrition{
		margin-top:var(--head-height);
		background-color: var(--green_4);
		text-align:center;	
        padding-bottom:var(--line_50);		
}
#nutrition h2{
		color: var(--green_1);
		margin:var(--line_15) 0;
}

/********** GUIDE **************/

.guide {
	padding:0 0 var(--line_20) 0;
	text-align:center;
}
.guide {
	padding:var(--line_40) 0 var(--line_20) 0;
	text-align:center;
}

.guide .simbol img,
.guide .simbol span{
	display:inline-block;
}

.guide .simbol span,
.guide h3{
	font-family:'gotham_medium',sans-serif;
   font-size: var(--size_24);
   font-weight:normal;
	line-height:var(--line_20);
	color:var(--black);
}


.gidetext{
	margin:var(--line_35) 0 var(--line_25) 0;
  text-align:center;
  padding:0 20px;
}
.guide p{
   font-size:0.78rem;
   font-weight:normal;
	line-height:1rem;
	color: rgba(0, 0, 0, 0.5);
}

/************** PRIVACY POLICY ********************/

#privacy-policy{background-color: var(--green_10)}
.privacy.section {
	margin:0 auto;
	width:clamp(13.889rem, 10.069rem + 34.375vw, 44.444rem);
	background-color:transparent;
	}

.privacy h1{
	margin:1.7rem 0;
	}
	
.privacy p,
.privacy ul li{
	font-family:'gotham_book',sans-serif;
	margin:0 0 var(--line_15) 0;
	padding:0;
	font-size:clamp(0.667rem, 0.625rem + 0.375vw, 1rem);
	line-height:var(--line_15);
	}
.privacy ul li{
	margin:0;
	}

.privacy p.question{
	font-family:'gotham_bookitalic',sans-serif;
	font-weight:bold;
	font-style:italic;
	}
	
/************** FOOT ********************/


.foot{
	width:100%;
	 margin-top:0;
	 background-color: var(--green_1);
	 text-align:center;
}
.foot .foot-links{
	 width:100%;
	 background-color: var(--green_1);
	 text-align:center;	
}

.foot .foot-links .foot-nav{
	padding:var(--line_25);
	text-align:center;
 }

.foot .foot-links .foot-nav .nav-link {
	display:inline-block;
	font-family:'gotham_medium',sans-serif;
    color: var(--white) !important;
	font-size: var(--size_30);   
	text-transform:uppercase;
	text-decoration:none;
	margin:0 var(--line_20);
}
.foot .foot-links .foot-nav .nav-link:hover {
    color: var(--green_3) !important;
}
.foot .foot-links .social-nav{
	padding:1rem 0;
	text-align:center;
 }

.foot .foot-brands{
   	 width:100%;
	 background-color: var(--white);
	 text-align:center;
	 padding:var(--line_15) 0;
}

.foot .brands{
	margin:0 auto;
   	 width:90%;
	 text-align:center;
}
.foot .brands div.col-12{
   padding:0 20px;
}
.foot .brands div.col-12:first-child{
    padding:0 0 0 40px;  
}
.foot .brands div.col-12:last-child{
    padding:0 20px 0 20px;  
}

.foot .foot-brands p{
	margin-top:var(--line_15);
	font-family:'gotham',sans-serif;
	font-size: var(--size_36);  
	font-weight:bold;
    color: var(--black);	 
	text-transform:uppercase;
}
.foot .copyright{
	 padding:var(--line_15) 0;
     background-color: var(--green_5);
     text-align:center;
}
.foot .copyright p,
.foot .copyright a{
	font-family:'gotham_book',sans-serif;
    color: var(--white);
	font-size:0.78rem; 
	font-weight:300;
	text-transform:none;
	
}
.foot .copyright a{
text-decoration:underline;
}
.foot .copyright a:hover{
text-decoration:none;
color: var(--black);
}


/************ MEDIA *******************/

@media (max-width: 767px){ 

div.hero{margin-top:var(--mobile-height);}

.navbar {
	margin:0;
	padding:0;
	height: var(--head-mobile-height);
}
	.navbar-brand img{
		position:absolute;
		top:10px;
		left:10px;
		height: var(--logo-mobile-height);
		 transition: height 0.3s ease;
	}
	.navbar-toggler{
		position:absolute;
		top:clamp(0.278rem, 0.277rem + 0.653vw, 0.556rem);
		left:85%;
		border:0;
		padding:0;
		 background-color:transparent;
     background-image:  url("../images/mobile_sun.png");
     background-repeat:no-repeat;
	 background-position:center;
	 background-size: 70px 70px;
	 width:70px;
	 height:70px;
	}

	.navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
	padding:0;
}

.navbar-toggler .bars {
	display:block;
	margin:6px 0 0 23px;
     z-index:1500;
}
.navbar-toggler .bars span {
	display:block;
  width: 25px;
  height: 5px;
  background-color:#f3edb2;
  margin: 5px 0; 
   border-radius:2px;
}
.navbar-toggler .bars span:hover {
  background-color:#ff0000;
}

.mobile-menu{
	margin-top:clamp(4.444rem, 4.44rem + 7.833vw, 7.778rem);
	width:100% !important;
	 background-color: var(--green_6);
	 text-align:center;
	 	border:1px solid transparent;
	
}
.mobile-menu .navbar-nav{
 	margin-top:25px;
	margin-bottom:20px;
}
.mobile-menu .navbar-nav li.nav-item.x{
	padding-right:50px;
 text-align:right;
}
.mobile-menu .navbar-nav li.nav-item{
 text-align:center;
}
.mobile-menu .navbar-nav li.nav-item a.bclose{
	font-size:35px;
    text-decoration:none;
	color: var(--green_1);
}
.mobile-menu .navbar-nav li.nav-item a.nav-link{
 color: var(--black);
 padding:10px 0;
 font-size:0.78rem;
}


.u-menu{
	position:absolute;
	bottom:0;
	left:0;
	background-color:var(--white);
	width:100%;
	padding:8px;
	 text-align:center;
}
	

.u-menu .link_button {
	display:inline-block;
	border-radius:1.5vw;
	font-size:3vw;
	 padding:1vw 2vw;
	  margin:0 2vw;
	
}
/*******************************************/

.famous h2,
.pepper h2,
.welcome p{
	font-family:'gotham_book',sans-serif;
	font-weight:normal;
	font-size: var(--size_48);		
	margin-top:var(--line_20);	
}
.famous h2 span,
.pepper h2 span{
	font-family:'gotham',sans-serif;
	font-weight:bold;
}
.welcome .content {
    width:70vw;
    text-align: center;
}
.welcome h2{
	font-size:clamp(1.389rem, 1.314rem + 1.353vw, 2.667rem);	
}
.welcome p{
	line-height:clamp(1.667rem, 1.647rem + 0.353vw, 2rem);	
	margin-top:clamp(0.278rem, -0.136rem + 0.969vw, 0.833rem);
}
.welcome p span{
	font-family:'gotham',sans-serif;
	font-weight:bold;
}

div.mehdi img {
	position:absolute;
	bottom:0;
	left:3vw;
    width:22vh;
}


.famous .content,
.pepper .content{
	top:clamp(5.556rem, 5.49rem + 1.176vw, 6.667rem);
	left:50%;
	width:90%;
}
.pepper .content{
	top:35%;
}
.famous h2,
.pepper h2{
	font-size:clamp(1.389rem, 0.438rem + 2.229vw, 2.667rem);		
	margin-top:var(--line_20);	
}
.mehdi{
     background-repeat:no-repeat;
	 background-position:center;
	 background-size: cover;
	 background-color: var(--green_2);
     background-image:  url("../images/bg_sun.jpg");
}
.mehdi .content{
	margin:clamp(2.778rem, -0.53rem + 7.752vw, 7.222rem) auto 0 auto;
	width:clamp(16.111rem, -0.84rem + 39.729vw, 38.889rem);
	text-align:center;
}
.mehdi h2{
	font-family:'gotham_medium',sans-serif !important;
	font-weight:400;
	font-size: var(--size_40);	
}
.mehdi p{
	font-size: var(--size_40);	
	line-height:var(--line_23);
	margin-top:var(--line_23);
	font-style:italic;
	
}
#joinform {
    padding: 0 0 3vw 0;
}
#joinform .content {
    margin: 2rem auto 0 auto;
    width: 85% !important;
}
#joinform .content h2 {
   font-size:clamp(1.389rem, 1.314rem + 1.353vw, 2.667rem);
}
#joinform .content p {
    line-height:1rem;
	margin:0 0 2rem 0;
}
.form-label, .invalid-feedback, .form-select, label {
    font-size:clamp(1rem, 0.993rem + 0.118vw, 1.111rem);
}

#mc-embedded-subscribe-form div.disclaimer {
    font-size: .7rem !important;
    line-height: 1.2rem;
}

/************ CAROUSEL ******************/

div.carousel-item{overflow:hidden !important;}
.carousel {
	margin-top:var(--head-mobile-height);
	overflow: hidden;
}

.carousel-caption.cap1 {
    top: 10vw;
    left:69vw;
    width:70vw;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.carousel-caption.cap2 {
    top:65vw;
    left:27vw;
    width:70vw;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.carousel-caption.catering{
	top:35%;
    width:80vw;
}
.carousel-caption.join {
	top:50%;
    width:80vw;
}
.carousel-caption h1{
    line-height:clamp(0.556rem, -0.694rem + 7.495vw, 2.5rem);
	}

div.button-wrapper {
	margin-top:1.5rem;
}
/*---------------------------------*/
.foot .foot-links .foot-nav{
	padding:1rem 0;
 }

.foot .foot-links .foot-nav .nav-link {
    font-size:.8rem;
    margin:0 .4rem;
}
.foot .foot-links .foot-nav .nav-link:first-child {
    margin-left:0 !important;
}
.foot .foot-links .foot-nav .nav-link:last-child {
     margin-right:0 !important;
}
.foot .foot-brands {
    width: 100%;
    padding: var(--line_15) 20px;
}
.foot .brands {
    width:100%;
}

#catering .combo .col-12{
	padding:0;
}
#catering	.card.bowl .card-img-overlay div.price p, 
#catering	.card.bowl .card-img-overlay div.price p span, 
#catering	.card.sandwiche .card-img-overlay div.price p,
#catering	.card.sandwiche .card-img-overlay div.price p span {
    line-height:0.6rem !important;
}
#catering	.card.bowl .card-img-overlay div.price,
 #catering	.card.sandwiche .card-img-overlay div.price{
    margin-bottom: 1rem !important;
}




}


@media (max-width: 991px){ 

#catering div.hero div.content{
	top:clamp(1.111rem, -0.715rem + 16.435vw, 8.333rem);
	max-width:100% !important;
	width:100% !important;
}
#catering div.hero div.content h1{
	font-size:clamp(2.5rem, 6.5vw, 6.5rem) ;
	line-height:1.5rem;
	margin-top:0;
}
#catering div.hero div.content h2 {
    font-size:clamp(1.667rem, 1.526rem + 1.264vw, 2.222rem);
    line-height:clamp(2rem, 6vw, 6rem);
	margin-top:clamp(1rem, 3vw, 1.5rem) ;
}


div.card.sharable img,
div.card.soup img,
div.card.salad img,
div.card.bowl img,
div.card.sandwiche img{	
      position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);  
}
div.card.salad img,
div.card.bowl img,
div.card.sandwiche img{	
  top:0;
}

div.card.sharable div.card-img-overlay,
div.card.soup div.card-img-overlay,
div.card.salad div.card-img-overlay,
div.card.bowl div.card-img-overlay,
div.card.sandwiche div.card-img-overlay
{
	position:relative;
	top:2vw !important;
	left:0 !important;
	transform: none !important;
	width:100%;
	padding:0;
	margin:0 auto 60% auto;
	text-align:center !important;
}

div.card.salad div.card-img-overlay,
div.card.bowl div.card-img-overlay,
div.card.sandwiche div.card-img-overlay{
  margin:80% auto 5% auto;
}
div.card.bowl div.card-img-overlay,
div.card.sandwiche div.card-img-overlay{
	width:80% !important;
  margin:85% auto 5% auto;
}
div.card.salad div.card-img-overlay{
  width:clamp(22.222rem, 16.603rem + 50.569vw, 44.444rem);
}


.card-img-overlay hr
{
 margin:1vw auto 2vw auto !important;
}

div.card.sharable,
div.card.bowl{
	background-color: var(--gray_1);
}
div.card.soup{
	background-color: var(--melon_1);
}
div.card.sandwiche{
	background-color: var(--gray_2);
}
div.card.salad{
	background: #E9ECCE;
	background: -webkit-linear-gradient(180deg,rgba(233, 236, 206, 1) 0%, rgba(212, 226, 116, 1) 100%);
	background: -moz-linear-gradient(180deg,rgba(233, 236, 206, 1) 0%, rgba(212, 226, 116, 1) 100%);
	background: linear-gradient(180deg,rgba(233, 236, 206, 1) 0%, rgba(212, 226, 116, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr="#E9ECCE",
	  endColorstr="#D4E274",
	  GradientType=0
	);
}


#catering div.dessert-beverage div.card div.card-img-overlay h2 {
    margin-bottom: 20px;
	line-height:1rem;
}
#catering div.card.dessert div.card-img-overlay h3 {
    margin-bottom:0;
}
#catering div.dessert-beverage div.card.dessert {
     margin-top:0;
}
#catering div.dessert-beverage div.card.beverage {
     margin-top:0;
}
#catering div.dessert-beverage div.card.beverage h2{
     margin-bottom:10px;
}


.fade-in-caption {
	 opacity: 1;
      animation:none;
	 -webkit-animation:none;
}

#joinform .content{
	margin:5% auto 0 auto;
	width:80% !important;
}
.card-header h2 {
 font-size:clamp(1.333rem, 1.165rem + 1.517vw, 2rem);
}

.card-img-overlay p,
.card-img-overlay p.text {
    font-size:clamp(0.778rem, 0.722rem + 0.506vw, 1rem) !important;
	line-height:1rem !important;
	padding:0 !important;
	margin:0 !important;
}
.card.sharable .card-img-overlay p,
.card.soup .card-img-overlay p{
    font-size:clamp(0.778rem, 0.637rem + 1.264vw, 1.333rem) !important;
	line-height:clamp(1.667rem, 1.526rem + 1.264vw, 2.222rem) !important;
	padding:0 !important;
	margin:0 !important;
}
.card-img-overlay p.bold {
	line-height:clamp(0.444rem, 0.304rem + 1.264vw, 1rem) !important;
}

.card-img-overlay  p.text, 
.card-img-overlay  p.bold, 
.card-img-overlay  p  {
   margin-bottom:0.5rem !important;
}
.salad .card-img-overlay  .price  {
   margin-bottom:1rem !important;
}
.card.bowl .card-img-overlay hr,
.card.sandwiche .card-img-overlay hr
{ 
margin:clamp(0.278rem, -0.063rem + 0.619vw, 0.556rem) auto 20px auto !important;
width:90%;
}
#joinform{
	 background-size:contain;
     background-image:  url("../images/bg_mobile_form.jpg");
}

#catering div.card.dessert div.card-img-overlay h3 {
    margin-bottom:1rem;
}
#catering div.combo div.card div.card-footer{
   width:clamp(16.667rem, 15.262rem + 12.642vw, 22.222rem);
}

#catering div.combo div.card div.card-footer p,
 #catering div.combo div.card div.card-footer .footer-pice p {
    line-height: 1.5rem;
}


.card.sharable .card-img-overlay p {
    font-size: clamp(0.778rem, 0.637rem + 1.264vw, 1.333rem) !important;
    line-height: clamp(1.667rem, 1.526rem + 1.264vw, 2.222rem) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.location.section  .pin p {
	line-height:1.3rem;
	font-size:1rem;
}
.location.section  h2 {
	margin-top:1rem;
}
.career .content {
width:300px;
}

.price  p {
	line-height:0.5rem !important;
    margin-bottom:0 !important;
}
.salad .price  p {
	line-height:1.2rem !important;
    margin-bottom:0 !important;
}
div.card.sharable div.card-img-overlay .text-start 
{
text-align:center !important;
}
}

@media (min-width: 768px) and (max-width: 991px){ 
#catering .combo .col-12:first-child,
#catering .combo .col-12:nth-child(2){
	margin-bottom:20px;
}
#catering .combo .col-12:nth-child(2){
	padding-right:0;
}
}




@media (max-width: 575px){ 
.navbar-toggler{
		left:75%;
	}
.carousel-caption.catering h1{
margin-bottom:1rem;
	}
.carousel-caption.catering h2{
line-height:1rem;
	}
.carousel-caption.join h3{
line-height:1.2rem;
	}
	
 div.card.salad div.card-img-overlay,
 div.card.bowl div.card-img-overlay,
 div.card.sandwiche div.card-img-overlay {
    width: 100% !important;
}	
div.card.bowl div.card-img-overlay,
div.card.sandwiche div.card-img-overlay{
	padding-left:10px;
}

#menu .card.soup .card-img-overlay {
    max-width:90%;
}

.career {
    padding:20px 10px;
}

.career .benefits {
    margin: var(--line_15) auto;
    padding:1rem 0;
}

.location.section {
	width:100% !important;
		padding:0;
	margin:0;
}
.location.section  .location_card {
	width:100% !important;
}
.location.section  .map {
	width:90% !important;
}

.welcome .content,.mehdi .content{
	width:90%;
}
.mehdi img {
	position:relative !important;
    width:32vh;
}
.card-img-overlay hr {
    margin: 1vw auto 2vw auto;
}

div.card-img-overlay .text-center,
div.card-img-overlay .text-start {
	text-align:left !important;
	margin:0 auto;
	width: 95%;
}

#catering div.hero div.content{
top:20% !important;
	max-width:100% !important;
	width:100% !important;
}
#catering div.hero div.content h1{
font-size:2rem;
line-height:1.5rem;
margin-bottom:0.5rem;
padding:0;
}
#catering div.hero div.content h2{
font-size:1rem;
line-height:1.3rem;
margin:0;
padding:0;
}
	#menu div.hero div.content{
	max-width:100% !important;
	width:100% !important;
}


.card.salad .card-img-overlay p.text,
 #menu	.card.bowl .card-img-overlay p.text,
 #menu	.card.sandwiche .card-img-overlay  p.text{
    width:95%;
}

#catering div.card.sharable div.card-img-overlay div.text-start{
    text-align: left !important;
}
	
#menu	div.card.bowl div.card-img-overlay  p.text{
	max-width:90%;
	width:90%;
}
	

div.foot .foot-links .foot-nav .nav-link {
    font-size: var(--size_18);

}
#catering div.card.dessert div.card-img-overlay h3 {
    margin-bottom:1rem;
}
#catering div.dessert-beverage div.card-img-overlay p.bold,
#catering div.dessert-beverage div.card-img-overlay p.bold span {
    line-height:1rem;
}
#catering	.card.bowl .card-img-overlay  p.text,
.card.salad .card-img-overlay  p.text
#catering	.card.sandwiche .card-img-overlay  p.text {
    width:16rem;
}

.form-label, .invalid-feedback, .form-select, label {
    font-size:.8rem;
}


#catering	.card.sandwiche .card-img-overlay  p.text {
    width:95%;
}

.foot .brands div.col-12{
   padding:0 !important;
}

.gidetext{
  text-align:left;
  padding:0 20px;
}
.juniors.section .col-12{
	padding:0 !important;
	
}
}