/*#e6ca26 originally used as the font color for the remove and checkout buttons*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* RESTORE SOME STYLING */
ul {
list-style-type: disc;
list-style-position: inside;
}
ol {
list-style-type: decimal;
list-style-position: inside;
}
ul ul, ol ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 2rem;
}
ol ol, ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 2rem;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* my styles */
/* classes
.meat{
	border: solid .1rem #000;
	padding: .5rem 0 .5rem 2rem;
	background-color: #0738f2;
}
.vegis{
	border: solid .1rem #000;
	margin: .75rem 0 0 0;
	padding: .5rem;
	background-color: #0738f2;
}
.fruits{
	border: solid .1rem #000;
	margin: .75rem 0 0 0;
	padding: .5rem 0 .5rem 2rem;
	background-color: #0738f2;
}
.desserts{
	border: solid .1rem #000;
	margin: .75rem 0 0 0;
	padding: .5rem 0 .5rem 1rem;
	background-color: #0738f2;
}*/
body{
	background-color: #eef;
	width: 100vw;
	height: 100vh;

}
a{
	color: #b3b611;
	text-decoration: none;
	font-family: "Libre Franklin", sans-serif;
}
nav a:visited{
	/* transform: skewX(-20deg); */
	color: #781616;
	/* background: #e6ca26; */
}
nav a:hover{
	color: white;
	cursor: pointer;
	background: #0738f2;
}
nav a:focus{
	color: #224e0d;
}
nav a:active{
	color: #009;
	/* background: black; */
}
.reset{
	cursor: pointer;
}
nav li a{
	margin: 0 0 .5rem 0;
	padding: .25rem;
	background-color: #fff;
  border: 1px #0738f2 solid;
  border-left: 5px solid #0738f2;
	display: block;
	text-decoration: none;
	}
	div nav ol{
		font-size: .9rem;
	}
.att a{
	font-size: .65rem;
	background-color: #0738f2;/*possible color #0735a2*/
	padding: .4rem;
	display: block;
	width:auto;
	float:right;
	}
.att {
	/* text-align: right; */
	}
.cart-strip {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: 50px;
	/* background: rgba(255,255,255,.2); */
	background: rgba(204, 185, 208, 0.2);
	margin-bottom: .25rem;
	}
	.strip-cart-strip{
		background: #cfcfef;
	}
.cart-strip.button{
		height: 30px;
	}
	.remove{
		flex: .5;
		/* font-size: .75rem; */
		/* background-color: #b33; */
		text-align: center;
		/* padding-top: .5rem; .*/
		height:auto;
		/* margin: .5rem .5rem 0 .5rem;
		height: 20px; */
	}
	.meat-image{
		flex: 0 0 auto;
		width: 35px;
		height: 35px;
		margin: .5rem; /*padding-right: 0; padding-bottom: 0;*/
	}
	.product-price{
		flex: 1;
	}
	.para{
		font-size: .65rem;
		margin-right: .25rem;
		margin-top: .25rem;
	}
	.para2{
		flex: 1;
	}
	.para-home{
		margin: 0 .5rem 0 0;
		display: block;
		line-height: 1.25;
	}
	.checkout{
		margin: 0 .5rem 0 .5rem;
		background-color: #cde;
	}
	.check{
		font-weight: bold;
    color: #615;
	}
	.check-para{
    color: #615;
	}
	.yt{
		background-color: #933;
		color: #e6ca26;
		font-weight: 100;
	}
	#start{
		border: .01rem solid black;
		background-color: #0738f2;
		margin: 1rem 0rem 0 0;
		width:34%;
		display: block;
		padding: .5rem;
		font-size: 1.25rem;
		text-align: center;
	}
	#start:visited{
		color: #fae;
	}
	#start:hover{
		color: #f77;
		cursor: pointer;
	}
	#start:active{
		color: #f99;
	}
	p{
		font-size: .8rem;
		font-family: Rubik, Nunito, "Libre Franklin";
	}
	h2{
		font-family: Nunito, Rubik, "Libre Franklin";
		font-size: 1.15rem;
		font-weight: 800;
		font-style: italic;
		margin-bottom: .5rem;
		color: #2a2c78;
	}
	legend{
		font-family: Nunito, Rubik, "Libre Franklin";
	}
	h3{
		margin-top: .25rem;
		color: #060;
		font-weight: 700;
		font-family: Nunito, Rubik, "Libre Franklin";
	}
	h4{
		font-family: Nunito, Rubik, "Libre Franklin";
	}
	html{
		/* background-color: #946; */
	}
	 #tray-total{
		font-family: Rubik, Nunito, "Libre Franklin";
		float:right;
		width: 45px;
		max-width: 45px;
	}
	.logo{
		width: 110px;
	}
	.rj-logo{
		margin-top: .301rem;
		/* margin-right: .5rem; */
		width: 125px;
	}
	.class2 {
    border: .1rem #933 solid;
    background-color: #eef;
	}
	.div1{
		background-color: #fff;
		border: 1px solid #fff;
		/* height: 108px;
		max-height: 108px; */
	}
	.tray-sec{
		color: #933;
	}
	.disclaimer{
		margin: .5rem .5rem .5rem .5rem;
		line-height: 1.25;
		/* width: calc(100% - 1rem - 125px);
    float: left; */
	}
	.inner-div{
		overflow: auto;
	}
	.div1 .div1-1 img {
		margin-top: .25rem;
	}
	h4{
		margin-top: .25rem;
	}
	.checkout-button{
		background: #2a2c78; /* originally darkred or #0738f2*/
		color: #e6ca26;
		border: 1px black solid;
		padding: .25rem;
		display: block;
		width: 63px;
	}
	.text3{
		margin-bottom: .6rem;
	}
	.ending-para{
		line-height: 1.25;
		width: 60vw
	}
	.removeButtons{
		background-color: #933;/*original color: #638*//*187 179 210 0.2*/
		font-size: 1rem;
		margin-top: .5rem;
		margin-right: .5rem;
		/* height: 50px; */
		border: 1px black solid;
		/* height: 11px; */
		display: block;
		padding: .25rem;
		/* transform: skewX(-10deg); */
	}
	.removeButtons:hover{
		background: #CD7171;
		color: #180740;
	}
	.removeButtons:focus{
		background: #3a88aa;
		color: #801f0a;
	}
	.removeButtons:active{
		background-color: #b3b611;
		color: #933;
	}
	.para-home1{
		margin-bottom: .25rem;
	}
	.reset{
		font-size: .8rem;
		color: #b3b611;
		background-color: #881515; /*a darker blue #2a2c78*/
		border: .01rem solid black;
		width: auto;
		/* float: right; */
		padding: .25rem;
		margin: .25rem 0 .5rem 2.2rem;
		height: 11px;
		/* display: block; */
	}
	#place1{
		/* word-break: break-word; */
		width: 75px;
		/* max-width: 75px; */
	}
	#place2{
		/* word-break: break-all; */
		width: 75px;
		/* max-width: 75px; */
	}
	#place3{
		/* word-break: break-all; */
		width: 75px;
		/* max-width: 75px; */
	}
	#place4{
		/* word-break: break-word; */
		width: 75px;
		/* max-width: 75px; */
	}
	/* .vegis:hover{
		transform: skewX(-20deg);
	}
	.fruits:hover{
		transform: skewX(-20deg);
	}
	.desserts:hover{
		transform: skewX(-20deg);
	} */
.restaurant-list{
	font-size: 1rem;
}
/* Landscape Custom Styles */
@media screen and (orientation: landscape) {
	body{
		/* border: 1px black solid; */
		/* width: 99.5vw; */
		max-width: 823px;
		/* height: 99.5vh; */
		/* max-height: 411px; */
		margin: 0 auto;
	}
	.tray-sec{
		margin: .25rem .5rem 0 0;
		font-weight: bold;
		font-size: .69rem
	}
	.yt{
		padding: .25rem 0 0 .5rem;
	}
	#tray-total{
		margin: .8rem 0 0 .5rem;
	}
	#start{
		text-align: center;
	}
	.sec{
		font-size: 1.2rem;
		margin: 0 0 0 .5rem;
	}
	main{
		display: flex;
		flex-flow: row nowrap;
		padding: 0 0 0 0;
	}
	.container1{
		margin: .9rem .5rem 0 0;
		flex: 2;
	}
  .class1 {
    display: flex; /*causes nav and article to be side by side */
		flex-flow: row nowrap;
		margin: 1.17rem 0 0 .5rem;
		/* flex: 3; */
  }
	#class1-1{
		flex: 3;
	}
	#container1-1{
		flex: 2;
	}
	.mast-head{
		background-image: url(../img/masthead-bg2.png);
		background-repeat: repeat-x;
		display: flex;
		flex-flow: row nowrap;
		flex: 1;
	}
	.disclaimer-rjlogo{
		display: flex;
		flex-flow: row nowrap;
		flex: 1;
	}

	h1{
		flex: 1;
		font-family: Roboto, sans-serif;
		font-size: 1.25rem;
		padding: .5rem 0 0 0;
		color: #e6ca26;
	}
	.imgchoice{
		flex: 1;
	}
	article{
		flex: 1;
		margin: 0 0 0 1rem;
	}
	h3{
		font-size: 1.2rem;
	}
	h4{
		font-size: 1rem;
	}
	/* .para{
		font-size: .65rem;
	} */
	div nav ol{
		margin: 0 0 0 0;
		list-style-type: none;
		flex: 1;
	}
	nav{
		margin: 0 0 1rem 0;
	}
/* classes */
	nav a {
		margin: .75rem 0 0 0;
		padding: .5rem;
		background-color: #0738f2;
	}
	.div1{
		display: flex;
		flex-flow: row nowrap;
		border: #999 1.25px solid;
		padding: 0 .5rem 0 .3rem;
		margin: 0 .5rem .3rem .4rem;
	}
	.div1 .div1-1 {
		flex:1.5;/*1*/
	}
	.div1 .div1-2 {
		flex:2;/*affects image and content in div1, original flex is 5*/
		margin: 0;
		padding: 0 0 0 1rem;
	}
	/* .div1 .div1-3 {
		flex:4;
	} */
/* imgs */
	.div1 .div1-1 img{
		width: 100px;
		height: auto;
		margin: .2rem 0 0 0;
	}
	.att{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.class2{
		background-color: #eef;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.submit{
		font-size: .8rem;
		color: #b3b611;
		background-color: #0738f2; /*a darker blue #2a2c78*/
		border: .01rem solid black;
		width: auto;
		float: right;
		padding: .5rem;
		margin: .25rem 0 .5rem .5rem;
		height: 11px;
		/* display: block; */
	}
	.para2{
		margin: .5rem 0 0 .2rem;
	}
	/* .remove{
		padding: .4rem .4rem .4rem .4rem;
	} */
	.product-price{
		margin: .5rem 0 0 .25rem;
	}
	.intro{
		margin: 0 0 0 .5rem;
		font-size: .7rem;
	}
	.meal{
		float:right;
		margin: 0 .4rem .5rem 0;
		width: 250px;
	}
	.check{
		padding: .5rem .5rem 0 .5rem;
	}
	.check-para{
		padding: .5rem;
	}
	.last{
		margin: .5rem 0 .5rem 0;
	}
	#fname[type=text]{
		border: 1px black solid;
		display: block;
	}
	#lname[type=text]{
		border: 1px black solid;
		display: block;
	}
	#phone[type=text]{
		border: 1px black solid;
		display: block;
	}
	/* .container1 .class2 div#cart-strip1{
		display: block;
	}
	.container1 .class2 div#cart-strip2{
			display: block;
	}
	.container1 .class2 div#cart-strip3{
			display: block;
	}
	.container1 .class2 div#cart-strip4{
			display: block;
	}
	.remove-button4-1{
		width: 100px;
	}
	#remove-meat{
		flex: none;
		margin: 0;
		padding: 0;
		width: 50px;
	}
	#remove-veg{
		flex: none;
		margin: 0;
		padding: 0;
		width: 50px;
	}
	#remove-fruit{
		flex: none;
		margin: 0;
		padding: 0;
		width: 50px;
	}
	#remove-dessert{
		flex: none;
		margin: 0;
		padding: 0;
		width: 50px;
	}
	.products{
		display: flex;
		flex-flow: row nowrap;
	} */
	.your-tray1{
		flex: 1;
		margin-left: .5rem;
		margin-bottom: .5rem;
		display: block;
	}
	.checkout-button[type="submit"]{
		border: 1px black solid;
		margin-top: .25rem;
	}
	.total-label{
		margin-top: .85rem;
		margin-left: 1rem;
		font-size: 1rem;
	}
	form{
		padding: .5rem 0 1rem .5rem;
	}
	.att a{
		margin: .5rem 0 .5rem .5rem;
	}
	.remove{
		/* height: 11px; */
	}
}


/* Portrait Custom Styles */
@media screen and (orientation: portrait) {
	body{
		/* border: 1px black solid; */
		/* width: 99vw; */
		max-width: 414px;
		/* height: 645px; */
		margin: 0rem auto 0 auto;
	}
	header{
		margin-top: .5rem;
	}
	/* flex */
	.mast-head{
		background-image: url(../img/masthead-bg2.png);
		background-repeat: repeat-x;
		display: flex;
		flex-flow: row nowrap;
	}
	img{
		flex: 1;
	}
	h1{
		flex: 1;
		font-family: Roboto, sans-serif;
		font-size: .99rem;
		padding: .75rem 0 0 0;
		color: #e6ca26;
	}
	.class1 {
    display: flex; /*causes nav and article to be side by side */
		flex-flow: row nowrap;
		margin: 1rem .25rem 0 .1rem;
  }
	.cart-strip.button{
		margin-bottom: .5rem;
	}
	article{
		flex: 1;
		margin: 0 0 0 .75rem;
	}
	div nav ol{
		margin: 0 0 0 .5rem;
		list-style-type: none;
		flex: 1;
	}

	h3{
		color: #060;
		font-weight: 700;
		font-size: 1.2rem;/*.9rem*/
	}
	h4{
		font-size: 1rem;/*.8rem*/
	}
	/* .para{
		font-size: .7rem;
	} */
	/* .att a{
		font-size: .65rem;
		border: .01rem solid black;
		background-color: #0738f2;
		padding: .2rem;
		margin: 0 .1rem .1rem .5rem;
		display: block;
	}
	.att {
		text-align: right;
	} */
	.div1{
		display: flex;
		flex-flow: row nowrap;
		border: #fff 1.25px solid;
		padding: .1rem 0 0 .3rem;
		margin: 0 0 .25rem .4rem;
	}
	.div1 .div1-1 {
		flex:1.25;
	}
	.div1 .div1-2 {
		flex:2;
		margin: 0;
		padding: 0 0 0 1rem;
	}
	.att2{
		margin: .5rem 0 0 0;
	}
	/* .div1 .div1-3 {
		flex:4;
	} */
/* imgs */
.div1 .div1-1 img{
	width: 100%;
	height: auto;
	margin: .5rem 0 0 0;
	}
.yt{
	padding: .25rem 0 0 .5rem;
	}
.class2{
	border: .1rem #933 solid;
  background-color: #eef;/*#077fcd*/
	padding: 0rem 0 0 0;
	margin: 0 .5rem .5rem .5rem;
	}
.title{
	margin-right: .5rem;
	margin-left: .5rem;
}
.submit{
	color: #e6ca26;
	background-color: #0738f2;
	border: .01rem solid black;
	padding: .4rem .2rem 0 .2rem;
	margin: .2rem .5rem .1rem .5rem;
	display: block;
	/* width:22vw; */
	float:right;
	}
	.remove{
		/* font-size: .7rem;
		border: .01rem solid black;
		background-color: #0738f2; */
		/* margin: .5rem .5rem 0 .5rem;
		padding: .5rem .8rem 0 .8rem; */
	}
	.para2{
/*		margin: .25rem 0 0 0;*/
	}
	.product-price{
		margin: .5rem 0 0 .5rem;
	}
	.title2{
		margin: 0 .5rem;
	}
	.inner-div{
		margin: 0 .25rem 0 0;
	}
	.intro{
		/* font-size: .7rem; */
		margin: 0 0 0 .5rem;
	}
	.sec{
		margin: 0 0 0 .5rem;
	}
	.meal{
		margin: 1rem 0 0 0;
		width: 192px;
	}
	/* .human{
		margin: 0 0 0 0;
		width: 200px;
	} */
	.check-para{
		padding: .5rem;
	}
	.check{
		margin: 0 0 0 .5rem;
	}
	.tray-sec{
		margin: .5rem 0 0 0;
		font-weight: bold;
	  font-size: .8rem;
	}
	#tray-total{
		margin: .5rem 0 0 2.5rem;
	}
	.container1{
		margin: .5rem 0 0 0;
	}
	.container2{
		margin: .5rem 0 0 0;
	}
	.container3{
		margin: .5rem 0 0 0;
	}
	.container4{
		margin: .5rem 0 0 0;
	}
	#fname[type=text]{
		/* border: 1px black solid; */
		/* display: block; */
		margin-left: 1.55rem;
	}
	#lname[type=text]{
		/* border: 1px black solid; */
		/* display: block; */
		margin: .5rem 0 .5rem 1.65rem;
	}
	#phone[type=text]{
		/* border: 1px black solid; */
		/* display: block; */
	}
	form{
		padding: .5rem 0 .5rem .5rem;
		height: 125px;
	}
	/* .checkout-button[type="submit"]{
		border: 1px black solid;
		margin-top: .25rem;
		margin-bottom: .5rem;
	}
	.your-tray1{
		margin-left: 3.25rem;
	} */
	/* .disclaimer-rjlogo{
		display: flex;
		flex-flow: row nowrap;
		flex: 1;
	} */
	.rj-logo{
		margin-left: 11rem;
	}
	.total-label{
		margin-top: .4rem;
		margin-left: 1rem;
		font-size: 1rem;
	}
	.checkout{
		margin: .5rem;
	}
	.firstN{
		margin-top: .3rem;
	}
	/* #tray-meat-img{
		width: 100px;
		height: 76px;
	} */
	#start{
		margin-bottom: .5rem;
	}
	.att a{
		margin: .5rem;
		}
		.inner-div {
	  height:269px;
	  /* border: green 1px solid; */
	  overflow-y: visible;
	  border-bottom: .5rem
	  }

}
@media screen and (orientation: portrait) and (min-width: 320px) {
	body{
		/* height: 49vh; */
		/* border: 1px black solid; */
	}
	h1{
		font-size: .68rem;
	}
	/* .meal{
		margin-right: 5rem;
	} */
	.inner-div {
  height:230px;
  /* border: green 1px solid; */
  /* overflow-y: visible;
  border-bottom: .5rem */
  }
	.your-tray1{
		width: 70vw;
		/* margin-right: 3rem; */
	}
	.para-home{
		width: 60vw;
	}
	div nav ol{
		font-size: .8rem;
	}
	.submit{
		padding: .3rem;
    margin: .2rem 0 .1rem .5rem;
		/* width: 25vw; */
	}
	#tray-total {
    margin: .65rem 0 0 .5rem;
		font-size: .9rem;
		width: 45px;
    max-width: 45px;
	}
	.total-label {
    margin-top: .65rem;
    margin-left: 1.1rem;
    font-size: .9rem;
	}
	.choices-container {
	height: 150px;
	/* border: red 1px solid; */
	overflow-y:scroll;
	}
	.yt-h3{
		margin-top: 0;
	}
	.remove{
		font-size: .6rem;
		/* padding: 0;
		margin-top: 0; */
	}
	.total-label-check{
		margin-left: .5rem;
	}
	/* .strip-cart-strip{
		display: block;
	} */
	.flex-strip{
		display: flex;
		flex-flow: row nowrap;
		width: 130px;
		max-width: 130px;
	}
	.cart-strip {
		display: flex;
		flex-flow: row nowrap;
		width: 100%;
		height: 50px;
		/* background: rgba(255,255,255,.2); */
		margin-bottom: .25rem;
		}

	.cart-strip.button{
		height: 30px;
		}
	.remove{
		flex: .5;
		/* font-size: .75rem; */
		/* background-color: #b33; */
		text-align: center;
		/* padding-top: .5rem; .*/
		height:auto;
		/* margin: .5rem .5rem 0 .5rem;
		height: 20px; */
		}
	.meat-image{
		flex: 0 0 auto;
		/* width: 100%; */
		height: 30px;
		margin: .5rem; /*padding-right: 0; padding-bottom: 0;*/
		}
	.product-price{
		flex: 1;
		}
	.para{
		font-size: .8rem;/*.65rem*/
		margin-right: .25rem;
		margin-top: .25rem;
		}
	.price-margin{
		margin-top: .25rem;
	}
	.guidtext{
		margin-left: 5.5rem;
	}
	.reset{
		margin-left: 2.7rem;
	}
	.product-price {
    margin: .5rem .25rem 0 .25rem;
	}
}

@media screen and (orientation: portrait) and (min-width: 360px) {
	body{
		/* height: 100vh; */
	}
	h1{
		font-size: .78rem;
	}
	.para-home{
		width: 60vw;
	}
	.your-tray1 {
    width: 73vw;
		margin-right: 0;
	}
	.submit{
		margin: .2rem 0 .1rem .5rem;
	}
	.choices-container {
	height: 219px;
	/* border: red 1px solid; */
	overflow-y:scroll;
	}
	.meal{
		width: 216px;
	}
	.reset {
    margin-left: 5.2rem;
	}
}
@media screen and (orientation: portrait) and (min-width: 375px) {
	h1{
		font-size: .78rem;
	}
	.para-home{
		width: 60vw;
	}
	.your-tray1 {
    width: 74.5vw;
		margin-right: 0;
	}
	.class1 {
		margin: 1.17rem 0 0 0;
		/* flex: 3; */
	}
	.inner-div{
		margin-right: .5rem;
	}
	/* .human {
    width: 200px;
	} */
	.meal {
    width: 225px;
	}
	.reset {
    margin-left: 6.1rem;
	}
}
@media screen and (orientation: portrait) and (min-width: 411px) {
	.your-tray1 {
    width: 77vw;
	}
	.choices-container {
	height: 213px;
	/* border: red 1px solid; */
	overflow-y:scroll;
	}
	.meal {
		width: 246px;
	}
	.reset {
    margin-left: 8.35rem;
	}
}
@media screen and (min-width: 500px) {
	.para-home{
		width: 250px;
	}
	.checkout-button {
    width: 64px;
	}
	.reset{
		margin-left:6.2rem;
	}
	.ending-para {
    line-height: 1.25;
    width: 255px;
	}
}
@media screen and (min-width: 532px) {
 body {
	 /* height: 650px; */
	 max-width: 827px;
 }
 main {
	/* height:320px; */
	/* border: red 1px solid; */
 }
 .inner-div {
 height:10px;
 /* border: red 1px solid; */
 overflow-y:scroll;
 }
 .choices-container {
 height:218px;
 /* border: red 1px solid; */
 overflow-y:scroll;
 }
}
@media screen and (orientation: portrait) and (min-height: 634px) {
	body{
		height: 633px;
		/* width: 437px; */
	}
	.inner-div {
  height:230px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove{
		/* height: 19px; */
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
}
/* iPhone 5/SE */
@media screen and (orientation: landscape) and (min-width: 568px) {
	body{
		height: 320px;
		width: 566px;
	}
	.inner-div {
  height:210.25px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.text3 {
    margin-bottom: .3rem;
	}
	.remove-submit{
		/* height: 11px; */
		margin-left: 1.5rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 150px;
	}
	.div1 .div1-1 img{
		width: 100%;/*50px*/
		height: auto;
	}
	.vegi-div{
		width: 220px;
	}
	.meat-div{
		width: 220px;
	}
	.fruit-div{
		width: 220px;
	}
	.dessert-div{
		width: 220px;
	}
	.yt-h3{
		margin-top: 0;
	}
	.checkout {
    height: 210px;
	}
	.checkout-button {
    /* height: 220px; */
		font-size: .5rem;
		margin-bottom: .5rem;
		width: 45px;
	}
	.container1 {
    /* margin: 1.2rem 0 0 0; */
    flex: 2;
		padding-bottom: .25rem;
	}
	#container1-1 {
		margin-top: .5rem;
    flex: 2;
    margin-bottom: .5rem;
	}
	form {
    padding: 0 0 0rem .5rem;
	}
	.check-container{
		margin-right: .5rem;
	}
	.ending-para{
		width: 13rem;
		margin-right: .5rem;
	}
	.removeButtons{
		font-size: .8rem;
	}
	.meal {
    float: right;
    margin: .5rem 9rem 0 0;
    width: 150px;
		display: none;
	}
	.para-home{
		width: 400px;
	}
	#start {
		margin-top: .5rem;
		width: 25%;
	}
	.class1 {
    margin: .5rem 0 0 .5rem;
    /* flex: 3; */
	}
	.container1{
		margin-top: .25rem;
	}
	.reset{
		margin: .25rem 0 .5rem 1.05rem;
	}
	.submit{
		padding: .25rem;
	}
	.total-label{
		font-size: .8rem;
		margin-bottom: .5rem;
		margin-left: .5rem;
	}
	#tray-total{
		font-size: .8rem;
		margin-bottom: .5rem;
		margin-left: .25rem;
	}
	.flex-strip{
		display: flex;
		flex-flow: row nowrap;
		width: 130px;
		max-width: 130px;
	}
	.cart-strip {
		display: flex;
		flex-flow: row nowrap;
		width: 100%;
		height: 50px;
		background: rgba(204, 185, 208, 0.2);/*other: rgba(187, 179, 210, 0.2);, original: rgba(255,255,255,.2);*/
		margin-bottom: .25rem;
		}

	/* .cart-strip.button{
		height: 30px;
		}
	.remove{
		flex: .5; */
		/* font-size: .75rem; */
		/* background-color: #b33; */
		/* text-align: center; */
		/* padding-top: .5rem; .*/
		/* height:auto; */
		/* margin: .5rem .5rem 0 .5rem;
		height: 20px; */
		/* } */
	/* .meat-image{
		flex: 0 0 auto; */
		/* width: 100%; */
		/* height: 30px; */
		/* margin: .5rem; /*padding-right: 0; padding-bottom: 0;*/
		/* } */
	.product-price{
		flex: 1;
		}
	.para{
		font-size: .8rem;
		margin-right: .25rem;
		margin-top: .25rem;
		}
	.price-margin{
		margin-top: .25rem;
	}
	.guidtext{
		margin-left: 6rem;
	}
	.product-price {
    margin: .5rem .25rem 0 .25rem;
	}
	.para2 {
    margin: 0 0 0 0;
		font-size: .75rem;
	}
	.tray-sec {
    margin: .5rem .5rem 0 0;
    /* font-weight: bold; */
    font-size: 1rem;
	}
	.price-margin{
		margin-top: .25rem;
		margin-left: 0;
	}
	#place1.para2.place-submit{
		width: 80px;
		/* max-width: 80px; */
	}
	#place2.para2.place-submit{
		width: 80px;
		/* max-width: 80px; */
	}
	#place3.para2.place-submit{
		width: 80px;
		/* max-width: 80px; */
	}
	#place4.para2.place-submit{
		width: 80px;
		/* max-width: 80px; */
	}
}
@media screen and (orientation: portrait) and (min-height: 568px) {
	body{
		height: 566px;
		width: 318px;
	}
	.inner-div {
  height: 200px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove{
		/* height: 11px; */
	}
	.removeButtons{
		background-color: #b33;
		font-size: .7rem;
		margin-top: .5rem;
		margin-right: .5rem;
		/* height: 50px; */
		border: 1px black solid;
		/* height: 11px; */
		display: block;
		padding: .25rem;
		margin-left: .5rem;
	}
	.choices-container{
		height: 180px;
	}
	.rj-logo{
		margin-left: 11.5rem;
	}
	#container1-1{
		margin: 1.3rem 0 0 0;
	}
	.choices-container{
		height: 165px;
	}
	.choices-container2{
		height: 150px;
	}
	.check-container{
		margin-top: 5.5rem;
	}
	.meat-image2 {
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    margin: .5rem 0 .5rem .5rem;
	}
	h2{
		font-size: 1rem;
	}
	#start{
		margin-top: 1rem;
		margin-bottom: .5rem;
		font-size: 1.1rem;
	}
	.vegi-choices-container1{
		height: 153px;
	}

	.price-margin{
		margin-top: .25rem;
		margin-left: .25rem;
	}
	#place1.para2.place-submit{
		width: 85px;
		/* max-width: 80px; */
	}
	#place2.para2.place-submit{
		width: 85px;
		/* max-width: 80px; */
	}
	#place3.para2.place-submit{
		width: 85px;
		/* max-width: 80px; */
	}
	#place4.para2.place-submit{
		width: 85px;
		/* max-width: 80px; */
	}
	.place-submit{
		margin-left: .25rem;
	}
	.submit-tray-sec{
		margin-left: .25rem;
	}
	.meat-div{
		height: 237px;
	}
	.vegi-div{
		height: 250px;
	}
	.fruit-div{
		height: 237px;
	}
	.dessert-div{
		height: 237px;
	}
}
/* Galaxy S5 */
@media screen and (orientation: landscape) and (min-width: 640px) {
	body{
		height: 358px;
		width: 638px;
	}
	.inner-div {
  height:238.6px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 4.25rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 179px;
	}
	.rj-logo{
		margin-right: .5rem;
	}
	.ending-para{
		width: 15rem;
		margin-right: .5rem;
	}
	.yt-h3{
		margin-top: 0;
	}
	#container1-1{
		margin-top: 1.12rem;
	}
	.check-container{
		margin-right: .5rem;
	}
	.meal{
		display: block;
		width: 230px;
		margin-right: 7rem;
	}
	/* .human{
		width: 220px;
	} */
	.class1 {
    margin: 1.17rem 0 0 .5rem;
    /* flex: 3; */
	}
	.container1{
		margin-top: .9rem;
	}
	.checkout {
    height: 240.5px;
	}
	.total-label {
    margin-left: 1rem;
	}
	.total-label-check{
		margin-left: .5rem;
	}
	.reset{
		margin-left:5.05rem;
	}
	#start{
		margin-top: .64rem;
	}
}
@media screen and (orientation: portrait) and (min-height: 640px) {
	body{
		height: 638px;
		width: 358px;
	}
	.inner-div {
  height: 271px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		/* height: 11px; */
		margin-left: 2.75rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 167px;
	}
	.choices-container2 {
    height: 163px;
	}
	.rj-logo{
		margin-left: 14rem;
	}
	#container1-1{
	  margin: 6.5rem 0 0 0;
	}
	.check-container{
		margin-top: 10rem;
	}
	.meat-div{
		height: 305px;
	}
	.vegi-div{
		height: 305px;
	}
	.fruit-div{
		height: 305px;
	}
	.dessert-div{
		height: 305px;
	}
}
/* iPhone 6/7/8 */
@media screen and (orientation: landscape) and (min-width: 667px) {
	body{
		height: 373px;
		width: 665px;
	}
	.inner-div {
  height:238.5px;
	width:275px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 5.25rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 179px;
	}
	.meal {
		float: right;
		/* margin: 0 .4rem 0 0; */
		width: 265px;
		display: block;
	}
	/* .human {
		float: right; */
		/* margin: 0 .4rem 0 0; */
		/* width: 240px;
		display: block;
	} */
	.checkout {
    height: 240px;
	}
	.reset {
    margin-left: 3.25rem;
	}
	.total-label {
    margin-left: 1rem;
	}
	.total-label-check{
		margin-left: .5rem;
	}
	#start {
    margin-top: .75rem;
	}
}
@media screen and (orientation: portrait) and (min-height: 667px) {
	body{
		height: 665px;
		width: 373px;
	}
	.inner-div {
  height: 264px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	/* .remove{
		height: 11px;
	} */
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 196px;
	}
	.rj-logo{
		margin-left: 15rem;
	}
	#container1-1{
		margin: 6.3rem 0 0 0;
	}
	.check-container{
		margin-top: 10.5rem;
	}
	.remove-submit{
		margin-left: 4rem;
	}
	.meat-div{
		height: 305px;
	}
	.vegi-div{
		height: 305px;
	}
	.fruit-div{
		height: 305px;
	}
	.dessert-div{
		height: 305px;
	}
}
@media screen and (min-width: 719px){
	.checkout-button {
		width: 50px;
	}
}
/* Pixel 2 */
@media screen and (orientation: landscape) and (min-width: 731px) {
	p#place1.para2.checkout-mess{
		margin-top: .5rem;
	}
	p#place2.para2.checkout-mess{
		margin-top: .5rem;
	}
	p#place3.para2.checkout-mess{
		margin-top: .5rem;
	}
	p#place4.para2.checkout-mess{
		margin-top: .5rem;
	}
	body{
		height: 409px;
		width: 729px;
	}
	.inner-div {
  height:238.5px;
  overflow-y: visible;
  border-bottom: .5rem;
	width: 300px;
  }
	.remove-submit{
		margin-left: 7.5rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 179px;
	}
	.ending-para{
		width: 20rem;
	}
	/* .checkout {
    height: 235px;
	} */
	.meal {
    width: 275px;
		margin-right: 11rem;
		margin-top: 1.27rem;
	}
	#start{
		width: 20%;
		margin-top: 1.45rem;
	}
	.total-label {
    /* margin-left: 2.2rem; */
	}
	.reset {
    margin-left: 5.75rem;
	}
}
@media screen and (orientation: portrait) and (min-height: 731px) {
	body{
		height: 729px;
		width: 409px;
	}
	.inner-div {
  height: 320px;
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 6rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 213px;
	}
	.rj-logo{
		margin-left: 17.5rem;
	}
	.title{
		/* margin-top: 16rem; */
	}
	#container1-1{
		margin: 9.5rem 0 0 0;
	}
	.title3{
		margin-top: 0;
	}
	.yt-h3{
		margin-top: 0;
	}
	.check-container{
		margin-top: 15rem;
	}
	.choices-container3{
		height: 185px;
	}
	.vegi-choices-container{
		height: 205px;
	}
	.meat-div{
		height: 350px;
	}
	.vegi-div{
		height: 355px;
	}
	.fruit-div{
		height: 355px;
	}
	.dessert-div{
		height: 355px;
	}
}
/* iPhone 6/7/8 Plus*/
@media screen and (orientation: landscape) and (min-width: 736px) {
	body{
		height: 412px;
		width: 734px;
	}
	.inner-div {
  height:238.5px;
	width:300px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 7.75rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 179px;
	}
	.ending-para{
		width: 18rem;
		margin-right: .5rem;
	}
	.total-label {
    margin-left: 2.35rem;
	}
	.reset {
    margin-left: 4.68rem;
	}
	.total-label-check{
		margin-left: .5rem;
	}
}
@media screen and (orientation: portrait) and (min-height: 736px) {
	body{
		height: 734px;
		width: 410px;
	}
	.inner-div {
  height: 347px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 6.5rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 195px;
	}
	#container1-1{
		margin: 10.8rem 0 0 0;
	}
	.check-container{
		margin-top: 14.85rem;
	}
	/* .title4{
		margin-top: 10rem;
	} */
	.vegi-choices-container{
		height: 183px;
	}
	.meal{
		width: 248px;
	}
	.reset {
    margin-left: 8.5rem;
	}
	.meat-div{
		height: 370px;
	}
	.vegi-div{
		height: 385px;
	}
	.fruit-div{
		height: 370px;
	}
	.dessert-div{
		height: 385px;
	}
}
/* iPhone X*/
@media screen and (orientation: landscape) and (min-width: 812px) {
	body{
		height: 373px;
		width: 810px;
	}
	.inner-div {
  height:238.4px;
	width:340px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 10.75rem;
	}
	#remove-button1{
		/* padding-top: .5rem; */
	}
	.choices-container{
		height: 179px;
	}
	.ending-para{
		width: 18rem;
		margin-right: .5rem;
	}
	.total-label {
    margin-left: 3.45rem;
	}
	.reset {
    margin-left: 5.85rem;
	}
	.total-label-check{
		margin-left: .5rem;
	}
	/* .human{
		width: 245px;
		margin-right: 15rem;
	} */
	#start {
    margin-top: 1.31rem;
	}
	.meal {
    width: 255px;
    margin-right: 16rem;
    margin-top: 1rem;
	}
}
@media screen and (orientation: portrait) and (min-height: 812px) {
	body{
		height: 810px;
		width: 373px;
	}
	.inner-div {
  height: 410px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem
  }
	.remove-submit{
		margin-left: 4rem;
	}
	#remove-button1{
		margin-top: .5rem;
	}
	.choices-container{
		height: 195px;
	}
	.rj-logo{
		margin-left: 15rem;
	}
	#container1-1{
		margin: 15.6rem 0 0 0;
	}
	.check-container{
		margin-top: 20rem;
	}
	.reset {
    margin-left: 6.2rem;
	}
	.choices-container2 {
		height: 188px;
	}
	.meat-div{
		height: 450px;
	}
	.vegi-div{
		height: 450px;
	}
	.fruit-div{
		height: 450px;
	}
	.dessert-div{
		height: 450px;
	}
}
/* Pixel 2 XL */
@media screen and (orientation: portrait) and (min-height: 823px) {
	body{
		height: 821px;
		width: 409px;
		border: 1px black solid;
	}
	.inner-div {
  height: 418px;
  /* border: green 1px solid; */
  overflow-y: visible;
  border-bottom: .5rem;
  }
	.vegi-div{
		width: 355px;
	}
	.choices-container{
		height: 210px;
	}
	#container1-1{
		margin: 16.3rem 0 0 0;
	}
	.check-container{
		margin-top: 19.2rem;
	}
	.dessert-choices-container{
		height: 197px;
	}
	.vegi-choices-container{
		height: 197px;
	}
	.remove-submit{
		margin-left: 6rem;
	}
	.reset {
    margin-left: 8.4rem;
	}
	.meat-div{
		height: 442px;
	}
	.vegi-div{
		height: 455px;
	}
	.fruit-div{
		height: 442px;
	}
	.dessert-div{
		height: 455px;
	}
}
@media screen and (orientation: landscape) and (min-width: 823px) {
	body{
		width: 821px;
		height: 409px;
		border: 1px black solid
	}
	.inner-div {
		width: 345px;
	  height:269.7px;
	  /* border: green 1px solid; */
	  overflow-y: visible;
	  border-bottom: .5rem
  }
	/* .vegi-div{
		width: 355px;
	}
	.fruit-div{
		width: 355px;
	}
	.dessert-div{
		width: 355px;
	} */
	.remove-submit{
		margin-left: 11.25rem;
	}
	.choices-container{
		height: 210px;
	}
	/* .div1{
		height: 70px;
	} */
	.checkout {
    height: 271px;
	}
	.meal {
    margin-right: 13rem;
	  width: 320px;
	}
	/* .human {
    margin-right: 14rem;
	  width: 305px;
	} */
	#start {
    width: 20%;
	  margin-top: 1.2rem;
	}
	.reset {
    margin-left: 6.25rem;
	}
}