 * {
      box-sizing: border-box;
      margin: 0;
  }
  html {
      font-size: 10px;
      font-weight: 400;
      font-family: 'Open Sans', sans-serif;
      color: #1d2a3b;
  }
  em {
      color: #0048B2;
  
  }

.stars {
	height: 2em;
}

.filelabel {
	display: block;
	text-align: left;
	text-align: left;
	font-style: italic;
	color:#0048B2;
	font-size: 1.5em;		
}

#imageform label {

	display: block;
	text-align: left;
	text-align: left;
	font-style: italic;
	color:#0048B2;
	font-size: 1.5em;		
}

fieldset {
	border-radius: 7px;
	border-color: lightgray;		
}

input[type=button],input[type=file],.labelbutton {
	border-radius: 3px;
	border-style: solid;
	border-width: thin;
	border-color:darkgray;
   color: #0048B2;
	background-color: #EEEEEE;	
	max-width: 33%;
	font-style: normal;
	text-align: center;
			    margin: 2px 0;
	}        
input[type=button]:hover, .labelbutton:hover {
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(102,102,102,1) 100%);
	color:#EEEEEE;			
	border-color: #FEA21B;       
  
  }	
 	input[type=text], input[type=password],input[type=number], select  {
	 font-family: Bai Jamjuree;
	 width: 99%;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#tt_video, #yt_video {
	display: none;
}
textarea {
  resize: none;
	 font-family: Bai Jamjuree;
	 width: 99%;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}		
input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;   
 }
 .ui-state-highlight { height: 1.5em; line-height: 1.2em; }
.container {
 				max-width:75%;  
      margin: 0 auto;
  }
.container.card {
      margin-top: 3.3rem;
      background-color: #ffffff;
      border-radius: 10px;
      box-shadow: -5px -4px 47px 3px rgba(198, 198, 198, 0.3);
      text-align: center;
      padding: 3.6rem;
      /* padding-bottom: 3.6rem; */
  }
  .title-main {
      font-size: 3.6rem;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 2.1rem;
  }
  .main-image svg {
      max-width: 61rem;
      margin-bottom: 2rem;
  }

  .subheading{
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 3rem;
  }

  h2, .smalltit{
      font-size: 1.9rem;
      font-weight: 600;
      margin-bottom: 4rem;
      font-variant: small-caps;
      color: #0048B2;
  }

	.card .text {
      font-size: 13px;
      letter-spacing: 0.26px;
      overflow-y: auto;

  }
  	.highlight {
		border-radius:20px;
		border-style:solid;
		border-width:1px;
		border-color:darkblue;
		align-content:center;
		margin:3px;        	
  	}
  	
  	.highlight:hover {
		    box-shadow: inset 0px 0px 10px rgb(200,12,68,0.9);
		        		
  	}
  	.ingr_action {
		display:inline;        	
		font-size:3em;
		font-weight:bolder;        				        	
  	}
  	.ingr_servings  {
		padding:0.5em;
		display:inline;
		font-size:2.2em;
		font-weight:bolder;        				        	
  	}
	.servtitle {
		padding:0.5em;
		display:inline;
		font-size:1.8em;
		font-weight:bold;        				        	
	}

  	#base_servings  {
		padding:5px;
		display:none;        				        	
  	}
  	
	#imgfields.dtwopiece  {
			width: 80%;
			float: left;
	}
	#optionalfields.dtwopiece {
		  width:20%;
		  float:left;
	}
	.radiolabel {
		margin-bottom:1em;margin-top:1em; text-align:left;
	}
	.radiolabel p {
		font-size:1.8em;
		font-weight:bold;
	}	
	.mobileoption {
		display: none;			
	}
	#mobileoptiondiv {
		display: block;			
	}
	.donepiece {
		width:100%;
		clear:both;
	}
	.listonepiece {width:100%;clear:both;display:flex;flex-flow: row wrap;}
	.dtwopiece {
		width:50%;
		float:left;
	}			
	
	.dthreepiece, .dthree237 {
		width:33%;
		float:left;
		font-size: 1.8em;
	}
	
	.bell {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 42px;
    text-align: center;
    padding-top: 6px;
}
.bell img {
    padding-top: 10px;
}
.bellnumbers {
    font-size:12px;
    background-color:red;
    width:16px;
    line-height: 16px;
    text-align: center;
    color:#fff;
    z-index: 2;
    border-radius: 3px;
    position: absolute;
    left: 28px;
}


	.dthree237 {
				border-style: dotted;
				border-width: 1px;
				border-radius: 12px;
				border-bottom-right-radius: 30px;
				min-height: 160px;
				margin-left: 4px;
				margin-bottom: 4px;	
	}
	.listthreepiece {width:33%;float:left; }
	.dfourpiece {
		width:25%;
		float:left;
		font-size: 1.6em;
	}
	.dfourpiece_spaced {
		width:24%;
		float:left;
		font-size: 1.6em;
		margin:2px;
	}
	.dfivepiece {
		width:20%;
		float:left;
		font-size: 1.5em;
		text-align: center;
	}
	.dfivepiece_spaced {
		width:19%;
		float:left;
		font-size: 1.5em;
		text-align: center;
		margin: 2px;
	}
	.dsixpiece_spaced {
		width:9%;
		float:left;
		font-size: 1.1em;
		text-align: left;
		margin: 2px;
		min-height: 110px;
	}
	.listavail {
	object-fit: fill;
	max-width: 100%;

}

.carroussel1 {display:block;}
.carroussel2 {display:none;}
.carroussel3 {display:none;}
.carroussel4 {display:none;}
.carroussel5 {display:none;}
.carroussel6 {display:none;}
.carroussel7 {display:none;}
.carroussel8 {display:none;}
.carroussel9 {display:none;}


  h1, .grotetext {
      font-size: 2em;
      letter-spacing: 0.26px;
		text-align: center;
		font-style: italic;
		font-weight: bolder;
      color: #0048B2;
		text-decoration: underline;
		text-decoration-color: #FEA21B;       
	 }

.lrtitle {
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 1rem;
      font-variant: small-caps;
      color: #0048B2;
		text-decoration: underline;
		text-decoration-color: #FEA21B;       
	}

.listDiv {
		width:20%;        
		font-size: 1.2em;
		float: left;
  }
 .options {
	padding-top:2px;       
 }
.notusedimg {display: none;}	
.usedimg {display: block;}
/*.blog {}
.stub {} */
.qlistselector {
	padding:5px;
	padding-left: 12px;
	padding-right: 12px;
	box-shadow: inset 0 1px 3px #ddd;
	border:1px solid #ccc;	
	border-radius: 15px;
}
.qListTit {
	font-weight:bold;
	font-size:1.25em;
	display: grid;
	align-content: center;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
	margin: auto;
}
.qListTitDiv {
	background-color: #BCE;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	height: 1.26em;
	}

.qls_sel {
	color: white;
	background-color: darkblue;
}

.edLlist {
		width:33%;
		float: left;
  }
.edLlist img {
		object-fit:cover;
		max-width: 100%;
		max-height: 75%;
  }
.edRlist {
	width: 65%;
	padding-left: 2px;
		font-size: .8em;
		float: left;
		text-align: left;
}      
#cDiv {
	font-family: 'Bai Jamjuree', sans-serif;
	clear:both;
}
.errorclass {
	color: red;
	display: none;
	font-style: italic;
	font-size: x-small;		
}
.erroractive {
	display: block;		
}

#imgviewer {
	display: none;
	background-color: white;
	z-index: 50;
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	opacity: .25;
	object-fit:contain;

}
#dForm, #gDiv,#tDiv {
	display: none;
	background-color: #F0F0E1;
  		   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  	max-width: 90%;
	border: 2px solid #222222;
	border-radius: 10px;
	padding: 10px;
	opacity: 1;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	margin:auto;
	max-height: 100%;
	overflow-y: auto;
}
.usedassist {display: none;}
.unusedassist {display: block;}
#fDiv {
	display: none;
	background-color: #F0F0E1;
  		   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  	width: 100%;
  	height: 100%;
	border: 2px solid #222222;
	border-radius: 10px;
	padding: 10px;
	opacity: 1;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	margin:auto;
	overflow-y: auto;
}
#bigimg {
	display: none;
	background-color: #F0F0E1;
	position: absolute;
	max-width: 90%;
	left: 00%;
	top: 00%;
	border: 2px solid #222222;
	padding: 10px;
	opacity: 1;
	z-index: 100;
	text-align: center;
	vertical-align: middle;
	object-fit:contain;
}
#bigpic {
	min-width: 100%;
	max-width:100%;
	max-height:100%;
	object-fit:contain;		
	vertical-align: middle;
}
.printlogo {
		display: none;
	}
img.logoding {
	object-fit: fill;
	max-width: 50%;
	float: left;
}
img.printlogoding {
	object-fit: fill;
	max-width: 100%;
	float: left;
}
img.adminlogoding {
	object-fit: fill;
	max-height: 210px;
	max-width: 40%;
	float: left;
}
.menuWide {
	float: right;
	color: #FEA21B;	
	text-align: right;	
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 1em;
}	
.menuItem {
	color: #FEA21B;	
	text-decoration: none;	
	background-color: #FEA21B;	
	background-size: 50px;
	background-position: 50%;
	background-repeat: no;	
	border-bottom-left-radius: 1em;	
	border-top-left-radius: 1em;	
	border-bottom-right-radius: 1em;	
	border-top-right-radius: 1em;	
}
.menuP {
	margin-bottom: 1px;
}
.menuWord {
	color: #FEA21B;	
	background-color: white;
	margin-right: 5px;				
}
.menuWord:hover {
	border-bottom-left-radius: 1em;	
	border-top-left-radius: 1em;	
	color: white;	
	background-color: #FEA21B;		
}
.menuItem img {
	height: 1em;
	width: 1em;	
	vertical-align: middle;	
}

.illustration {
	float: left;
	margin: 10px;
}

.bl_before {
	margin:10px;
	float: left;
	width: 100%;
}
.bl_after {
	margin-top: 30px;
}
.ingredients {
	clear:left;
	float: left;
	margin-top: 30px;	
	list-style-image: url('/img/shoplist.png');		
}
.bl_after {
	display: block;
	clear:left;
	margin-top: 30px;	
}
.tip {
	display: block;
}
.tipnarrow {
	display: none;
}
.tip,.tipnarrow {
	clear:left;
	padding-top: 30px;
	padding-bottom: 30px;	
	text-align: left;		
}

.text-highlight {
	  font-style: normal;
	  border-radius: 1em 0 1em 0;
	  text-shadow: 1px 1px 1px #fff;
	transform: rotate(-10deg);
	  background-image: 
	    linear-gradient(-100deg, 
	      rgba(255,165,0,0.15),
	      rgba(255,165,0,0.8) 100%, 
	      rgba(255,165,0,0.25)
	    );
	  }

.recipe {
	margin-top:10px;
	float: left;
	list-style-image: url('/img/toque.png');
	display:contents;		
}


a.enSelector {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/enFlag.png);
 			background-repeat: no-repeat;		
 		}
a.enSelector:hover {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/enFlag_hover.png);
 			background-repeat: no-repeat;		
 		}
 		a.enSelector.active {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/enFlag_sel.png);
 			background-repeat: no-repeat;		
 		}		
a.frSelector {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/frFlag.png);
 			background-repeat: no-repeat;		
 		}
a.frSelector:hover {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/frFlag_hover.png);
 			background-repeat: no-repeat;		
 		}
a.frSelector.active {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/frFlag_sel.png);
 			background-repeat: no-repeat;		
 		}		
a.nlSelector {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/nlFlag.png);
 			background-repeat: no-repeat;		
 		}
a.nlSelector:hover {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/nlFlag_hover.png);
 			background-repeat: no-repeat;		
 		}
 		a.nlSelector.active {
	width: 40px;
	height: 40px;
	display: block;
	float: right;
	background-size: contain;
 			background-image : url(/img/nlFlag_sel.png);
 			background-repeat: no-repeat;		
 		}		

a:link {
		text-decoration: none;
		color: inherit;
}
a:visited {
		text-decoration: none;
		color: inherit;
}

 		
footer {
	clear:both;
      color: #b1b1b1;
      font-size: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 1.7rem;
      align-content: right;
  }
  footer .logo svg {
      width: 145px;
      padding-left: 11px;
  }
  footer .left-side {
      display: flex;
      align-items: center;
  }
.lastrecipes {
	width: 37%;
	float: left;	
	border-right-style: solid;
	border-width: 1px;
	border-color: #0048B2;
	padding-right: 5px;
	padding-left: 5px;	
	margin-block-end:25px;	
  }

.lastblogs {
	width: 22%;
	float: left;		
	padding-left: 5px;
	margin-block-end:25px;	
}
.listrecimg {
	clear:left;
	max-width: 25%;	
	float: left;
	padding-bottom: 2px;	
	position: relative;		
}
.videoicon {
	position: absolute;
	bottom: 2px;
	right: 2px;
	height: 42px;
	width: 26px;
	flex-wrap:wrap-reverse;
	display: inline-flex;	
}
.videos {
	right: 2px;
	background-image: url('/img/video.png');
	height: 20px;
	width: 26px;		
}
.pictures {
	right: 2px;
	background-image: url('/img/pictures.png');
	height: 20px;
	width: 26px;		
}

.listrectit {
		float: left;
		width: 75%;
		padding-left: 3px;
		padding-right: 7px;
		border-bottom-right-radius: 1em;	
		border-top-right-radius: 1em;	
		
}
.listrectit:hover {
		color: #0048B2;
		background-color:#F0F0E1;
		 		
}
.listblogtit::first-letter {
	  padding: 0 .3rem;
	  margin: 0 .3rem 0 0;
	  border-radius: 8px;
	  font-size: 1.5rem;
	  line-height: 1;
	  color: white;
	  background-color: black;
	  
}
.listblogtit:hover{
		color:#0048B2;
}
.linked {
	clear: both;
	width: 100%;
	color: gray;
	padding: 2em;
	font-size: 1em;
	text-align: center;					
}

.edited {
	clear: both;
	width: 100%;
	color: gray;
	padding: 2em;
	font-size: 0.7em;
	font-style: italic;
	text-align: center;					
}
.cnone {
	display: none;
 }
.cleft {
	clear:left;
	float: left;
	width: 50%
 }
.cright {
	float:left;
	width: 50%;
	text-align: left;
 }
.cunique {
	clear:left;
	width: 100%
 }
		.desktop {
			display: block;				
		}
		.phone {
			display: none;				
		}
/* qnew css */
.lantab {float:left;}
.widetab {width:70%;}		
.smalltab {width:15%;padding-left:2px;overflow-x:hidden;}
.tabh {clear:both;border-top-left-radius:5px;border-top-right-radius:5px;background-color:mintcream;width:50px;height:30px;}
.cont {clear:both; overflow-x:hidden;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-right-radius:5px;background-color:mintcream;width:100%;min-height:750px;}		
.frmarea {width:100%;min-width:750px;min-height:750px;text-align:left;font-size: 0.55em;}
.spread {width:32% !important;}

/* mnew css */
.toprow {font-size:1em; font-weight:bolder;margin-right:2px;border-top-style:solid;border-left-style:solid;border-right-style:solid;border-top-left-radius:5px;border-top-right-radius:5px;border-width:1px;border-color:darkgrey;}
.butrow {font-size:1em; font-weight:bolder;margin-right:2px;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-width:1px;border-color:darkgrey;}
.midrow {font-size:1em; margin-right:2px;border-style:solid;border-width:1px;border-color:darkgrey;}
.steplan {width:100%;min-height: 66px; font-size: 0.5em;}

#popup {
	display:none;
	z-index: 20; 
	border-style: solid; 
	border-width: 2px; 
	text-align: center; 
	position: absolute; 
	margin: 0px; 
	background-color: white; 
	filter: drop-shadow(rgb(68, 68, 221) 8px 4px 3px); 
	box-shadow: inset 0px 0px 10px rgb(68,68,221,0.9); 
	padding: 5px; 
	border-radius: 10px; 
	min-width: 25%;

	}
  
.dtwonew {
		height: 36px;			
		line-height: 36px;
		padding-right:6px;
	}

.gdprlinks {
	width:50%;
}

.taglegend {
	display:inline-block;padding:16px;
}		
.sublink {
	font-size:0.75em;		
}		

.ititle {
	width:45%;	
	float:left;
	height: 2em;
	background-color: transparent;
	color: gray;
	border-radius: 5px;
	padding:5px;
}

.ititle.sel {
	box-shadow: inset 0px 0px 7px rgb(168,168,168,0.9); 
}

.ilistsep {
	display: block;
	clear: both;		
}
.ilisttotal {
	display: none;
	clear: both;		
}

.ingredients {
	min-width: 70%;
	max-width: 95%;		
}
.lispec {
		margin-bottom: 2em;		
}

.bottomthing {
	display:flex;
	box-shadow: inset 0px 0px 10px rgb(68,68,68,0.9);
	clear:both;
	width:100%; 
	font-size:1em;
	color:#AAAAAA;
	border-color:#AAAAAA;
	border-style:solid;
	border-width:2px;
	padding:10px;
	border-radius:5px;
	text-align:center;
}

.sharelinks {
	display: none;
	width: 100%;
	text-align:center; font-size:1.2em;
}

.socmeddiv {
	margin-bottom:25px; 
	border-color:#0049B2;
	border-style:solid;
	border-width:2px ;
	border-radius:5px;padding:10px;
	height: fit-content;
	}
.socmeddiv img {
	max-height: 100px;
	max-width: 15%;
} 


.socmeddown {
	position: relative;left: 50%;transform: translate(-50%, 0);width:fit-content;
}
/* .socmedlarge {} */
.socmedsmall {display:none;}
.socmedlineone {text-align:center; padding: 6px;font-size:1em;color:#0049B2;}
		
		@media print {

		.socmedlineone {text-align:center; width:100%;}
		.socmeddiv {height: 50px;padding:0px;}

		.socmedsmall {display: inline-block;}

		.bottomthing {
			box-shadow:none;		
		}
		.ititle {
			display: none;
		}

		.ititle.sel {
			display: block;
			clear:right;
			box-shadow:none; 
		}
			.container {
				background-color: white;				
				max-width:100%;
			 }
			.container.card {
            box-shadow:none;
            margin-top: 0rem;
            padding: 0rem;
        	}
			.noprint, .socmeddown, .lastrecipes, .sublink, .lastblogs, #enDivM, #frDivM, #nlDivM, #lanHeader, .cookiemonster, .sharelinks, .ingr_action,.taglegend {
				display: none!important;
			}
			
			.printlogo {
				display: block;
				max-width: 25%;			
			}
			img.logoding {
				display: none;
			}
			.gdprlinks {
				display: none;
			}
			li {
 				page-break-inside:  avoid;			
			}
			.lispec {
				page-break-inside:auto!important;		
			}

			 

		}

#comingsoon {
	width: 100%;
	border-color: #0049B2;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 10px;
}

.cs_element {
	display:inline-block; 
	width:20%;
}

.cs_el_img , .cs_el_title {
	display: block;
	width: 100%;
}

.wideview {
	visibility: visible;
}
.narrowview {
	visibility: hidden;
}
         /* Medias */
        @media screen and (max-width: 1024px){
			.wideview {
				visibility: hidden;
			}
			.narrowview {
				visibility: visible;
			}
			

.cs_element {
	width:100%;
}
.cs_el_img {
	 clear: left;
    max-width: 25%;
    float: left;
    padding-bottom: 2px;
    position: relative;}

.cs_el_title {
	float: left;
    width: 75%;
    padding-left: 3px;
    padding-right: 7px;
}

 
	input[type=text], input[type=password],input[type=number], select  {
	 font-family: Bai Jamjuree;
	 width: 99%;
    margin: 2px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
} 
 
		.stars {
			height: 2em;
		}


		.socmedlarge {
			display: block;		
		}

		.dtwonew {
				height: 72px;			
				line-height: 72px;
			}

		#popup {
			width: 160px;	
			font-size: 2.2em;
		}

		img.logoding {
			max-width: 73%;
		}
		img.adminlogoding {
			max-width: 60%;
		}
		.cleft {
			width: 100%;
			clear: both;
		 }
		.cright {
			width: 100%;
			clear: both;
		 }
		.tip {
			display: none;
		}
		.tipnarrow {
			display: block;
		}

				.lastrecipes {
					width: 100%;
					clear: both;		
					border-right-style:none;
					border-bottom-style: solid;
					padding-bottom: 5px;
					padding-top: 5px;
					margin-block-end:5px;	
        }
	
				.lastblogs {
					width: 100%;
					clear: both;		
					border-right-style: none;
					border-bottom-style: solid;
					padding-bottom: 5px;
					padding-top: 5px;
				}
            .container {max-width: 90%;}
            .menuItem {
					border-color: #FEA21B;	
					border-width: 1px;
					border-style: solid;
            }
            .menuWord {
					border-bottom-left-radius: 1em;	
					border-top-left-radius: 1em;	
            }
            .menuP {
					margin-bottom:2px;
					margin-top:2px;            
            }
				a.enSelector {
					width: 30px;
					height: 30px;
				}
				a.frSelector {
					width: 30px;
					height: 30px;
				}
				a.nlSelector {
					width: 30px;
					height: 30px;
				}
				a.enSelector.active {
					width: 30px;
					height: 30px;
				}
				a.frSelector.active {
					width: 30px;
					height: 30px;
				}
				a.nlSelector.active {
					width: 30px;
					height: 30px;
				}
				.illustration {
					width:100%;		
					align-self: center;
					margin-right: unset;
					margin-left: unset;					
				}
				
				.bl_before {
					width: 95%;		
				}
				.ingredients {
					width:95%;
				}
		
				.recipe {
					width: 95%;		
				}
        		h2, .smalltit{
            	font-size: 3.2rem;
				}
			#imgfields.dtwopiece  {
					width: 100%;
					clear: both;
						
			}
			#optionalfields.dtwopiece {
				  width:100%;
				  clear: both;
			}
			.mobileoption {
				display: block;			
			}
			#mobileoptiondiv {
				display: none;			
			}
				.dthreepiece, .dthree237 {
					width: 100%;
					clear: both;
				}
			.listonepiece {width:100%;clear:both;display:flex;flex-flow: row wrap;}
			.listthreepiece {width:100%;float:left; }
			.dfivepiece {
				width:50%;
				float:left;
				font-size: 1.3em;
				text-align: center;
				height: 25px;
			}
				.desktop {
					display: none;				
				}
				.phone {
					display: block;				
				}
        @media screen and (max-width: 768px){
            html {font-size: 7px;}
            .container {
                max-width: 90%;}
            .container.card {margin-top: 6rem;}
            .card .text { font-size: 1.6rem;}
        } 
        @media screen and (max-width: 480px){
            html {font-size: 5.7px;}
            .container {max-width: 95%;}
            .title-main {font-size: 6.6vw;}
            /* .container.card {margin-top: 2rem;} */
            .subheading{font-size: 13px;}
            .card .text { font-size: 12px;}
            footer {flex-direction: column;}
        }
         @media screen and (max-width: 386px){
         img.logoding {
			max-width: 66%;
		}
        }
        
        #lanHeader {
  				width:100%;  
  				clear:right;    
        }	
        /* #enDivM {
        } */
        #enDiv {
				padding-top:47px;
				padding-bottom:32px;
				text-align:left;     
				clear:both;  
        }
		/*  #frDivM {
			} */
		  #frDiv {
				padding-top:47px;
				padding-bottom:32px;
				text-align:left;       
				clear:both;  
			}
        /* #nlDivM {
			} */
        #nlDiv {
				padding-top:47px;
				padding-bottom:32px;
				text-align:left;       
				clear:both;  
        }
	}