/* CSS Document */

body {
	margin: 0;
	background-color: #2f071a;
	background-image: linear-gradient(to bottom right, #390920, #200512);
	background-size: cover;
	background-blend-mode: darken;
	display: flex;
	flex-direction: column;
	font-family: 'Comic Sans MS', Cambria, Times;
}

p {
	text-shadow: -1px -1px 5px black, 3px 3px 5px black;
	color: #1ECDEB;
	margin-left: 5px;
	margin-right: 5px;
}

h2 {
	color: #1ECDEB;
	text-shadow: 1px 1px 2px #101f37, 3px 3px 5px #000000, -1px -1px 3px #00001f; 
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

h3 {
	color: #1ECDEB;
	text-shadow: 3px 3px 5px #000000;
	padding-bottom: 0px;
	font-size: 25px;
	margin-bottom: 11px;
	margin-left: 5px;
	margin-right: 5px;
}

h1 {
	color: #1ECDEB;
	font-size: 40px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 3px #00001f, -1px -1px 15px #000000;
	margin-left: 5px;
	margin-right: 5px;
}

section {
	background: rgb(29, 17, 53);
	background: rgba(29, 17, 53, 0.5);
	padding-bottom: 0px;
	height: 100vw;
	color: #1ECDEB;
}

article {
	background: rgb(29, 17, 53);
	background: rgba(29, 17, 53, 0.5);
	padding-bottom: 70px;
}

footer {
	border-top-style: solid;
	border-top-color: #5643FD;
	width: 100%;
	background-color: #1E054D;
	color: #1ECDEB;
	text-align: center;
	justify-content: center;
	padding: 20px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 2px;
}

	footer table {
		color: #1ECDEB;
		text-shadow: 1px 1px 5px black, 3px 3px 15px black;
		padding-bottom: 20px;
	}

		footer table a {
			color: #1ECDEB;
			text-shadow: 1px 1px 5px black, 3px 3px 15px black;
			text-decoration: none;
			transition: color 0.3s, text-decoration 0.3s, text-shadow 0.3s;
		}

			footer table a:hover {
				color:#FB7443;
				text-decoration: underline;
				text-shadow: 2px 2px 5px black, 4px 4px 15px black;
			}

			footer table a:active {
				color: #BA1E68;
			}

		footer table td .active {
			color: #BA1E68;
		}

.topnav {
	overflow: hidden;
	background-color: #0c164f;
	float: left;
}

	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 20px 18px;
		text-decoration: none;
		font-size: 17px;
		border-bottom: 5px solid transparent;
		transition: color 0.4s, background-color 0.4s, border-bottom 0.4s;
	}

		.topnav a:hover {
			background-color: #182b9c;
			color: #1ecdeb;
			border-bottom: 5px solid #BA1E68;
		}

		.topnav a.active {
			background-color: #12b2cd;
			color: #021F4B;
			font-weight: bold;
			border-bottom: 5px solid #BA1E68;
			transition: color 0.4s, background-color 0.4s;
		}

	.topnav img.logo {
		float: right;
		width: 65px;
		align: right;
	}

.header {
	display: block;
	width: 100%;
	background-color: rgba(30,5,77,0);
	text-align: center;
	text-shadow: 0px 0px 10px #091140, 2px 2px 3px #182b9c;
	padding-bottom: 20px;
	padding-top: 20px;
}

	.header header {
		margin-right: 10px;
		margin-left: 10px;
		font-size: 90px;
		color: #000000;
		text-shadow: 0px 0px 6px #ba1e68, -1px -1px 3px #ed93be, 2px 2px 8px #16030c;
	}

	.header p {
		margin-right: 5vw;
		margin-left: 5vw;
		font-size: 15px;
		color: #1ecdeb;
		text-shadow: 2px 2px 4px #091140;
		text-align: center;
	}

	.header img {
		width: 80px;
		margin: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: right;
	}

.about {
	display: block;
	float: left;
	background-color: rgba(23,18,34,0.7);
	box-shadow: 3px 3px 5px #00001f, -2px -2px 4px #1E054D;
	width: 95vw;
	margin-left: 2vw;
	margin-right: 2vw;
	border: 4px groove #FB7443;
	margin-bottom: 40px;
}

	.about h1 {
		text-align: center;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 0px;
		border-bottom: 4px groove #fb7443;
		font-size: 40px;
		margin-bottom: 10px;
		color: #ba1e68;
		text-shadow: 2px 2px 2px #00001f, -1px -1px 1px #1ecdeb;
	}

	.about h2 {
		color: #1ecdeb;
		text-shadow: 1px 1px 2px #101f37, 3px 3px 5px #000000, -1px -1px 3px #00001f; 
		text-align: left;
		padding-left: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 0px;
		font-size: 30px;
		margin-bottom: 10px;
	}

	.about p {
		text-indent: 20px;
		text-align: left;
		margin: 10px;
		padding: 10px;
		color: #1ECDEB;
	}

	.about h3 {
		color: #1ecdeb;
		text-shadow: 3px 3px 5px #000000;
		text-align: left;
		padding-left: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 0px;
		border-top: 4px dashed #fb7443;
		font-size: 25px;
		margin-bottom: 10px;
	}

.order {
	display: block;
	float: left;
	width: 90%;
	background-image: linear-gradient(to bottom right, #121212, #000000);
	padding: 20px;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-bottom: 20px;
}

	.order .bundles {
		display: block;
		border: dotted #1ECDEB;
		margin-right: 0px;
		padding: 20px;
		width: 50%;
		min-width: 400px;
		float: left;
		background-color: #241C35;
		background-image: linear-gradient(to bottom right, #241c35, #0b011d);
	}

		.order .bundles form {
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
		}

		.order .bundles h1 {
			font-size: 50px;
			margin-top: 0px;
			text-align: center;
		}

		.order .bundles p {
			text-align: center;
			font-size: 20px;
		}

		.order .bundles label {
			color: #FB7443;
			text-shadow: 1px 1px 2px #00001f;
			font-size: 15px;
			font-family: "Comic Sans MS";
			margin: 10px;
		}

		.order .bundles select {
			background-color: #1E054D;
			font-family: "Comic Sans MS";
			color: #DDF7FB;
			text-shadow: 0px 0px 1px #1ecdeb;
			border-color: #FB7443;
			border-style: outset;
			border-width: 2px;
			transition: background-color 0.2s, color 0.2s, border-color 0.2s;
			width: 50%;
			min-width: 250px;
		}

			.order .bundles select:hover {
				background-color: #12032F;
				color: #1ECDEB;
				border-color: #AF3103;
			}

		.order .bundles option {
			background-color: rgba(76,59,113,1.00);
		}

		.order .bundles input {
			color: #FB7443;
			font-family: "Comic Sans MS", Times;
			background-color: rgba(24,43,156,1.00);
			border: outset #021F4B;
			transition: color 0.1s, background-color 0.1s, border-color 0.1s;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 10px;
			width: 10%;
			min-width: 70px;
		}

			.order .bundles input:hover {
				color: #DB3E04;
				background-color: #111F72;
				border-color: rgba(1,17,41,1.00);
				border-style: outset;
			}

	.order .feedback {
		float: left;
		background-color: transparent;
		padding: 15px;
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}

		.order .feedback textarea {
			background-color: #91E6F5;
			font-family: "Comic Sans MS", Times;
			font-size: 15px;
			color: #00001f;
			box-shadow: 1px 1px 3px #021b20;
			transition: background-color 0.2s, box-shadow 0.2s;
			width: 100%;
		}

			.order .feedback textarea:hover {
				background-color: #109ab2;
				box-shadow: 1px 1px 3px #010d0f;
			}

		.order .feedback input {
			color: #1ECDEB;
			font-family: "Comic Sans MS", Times;
				background-color: #0a6677;
				border: outset #074753;
				transition: color 0.1s, background-color 0.1s, border-color 0.1s;
				margin-left: 5px;
				margin-right: 5px;
			box-shadow: 1px 1px 3px #00001f;
		}

			.order .feedback input:hover {
				color: #0f9bb2;
				background-color: #074753;
				border: outset #05343d;
				margin-left: 5px;
				margin-right: 5px;
				box-shadow: 1px 1px 3px #00001f;
			}

	.order .orderlist {
		display: block;
		float: right;
		width: 50%;
		min-width: 300px;
		background-color: #4C3B71;
		text-align: left;
		margin-left: 0px;
		padding: 5px;
		border: dotted #FB7443;
	}

		.order .orderlist input {
			margin-bottom: 10px;
			width: 40px;
			text-align: left;
			background-color: #91E6F5;
			color: #182B9C;
			
			
		}

		.order .orderlist .finishorder input {
			width: 40%;
			text-align: center;
			font-family: "Comic Sans MS", Times;
			margin-left: 30%;
			margin-right: 30%;
			color: rgba(30,205,235,1.00);
			border-color: #182B9C;
			background-color: #021F4B;
			box-shadow: 1px 1px 3px #00001f;
			transition: border-color 0.1s, color 0.1s, background-color 0.1s;
		}

			.order .orderlist .finishorder input:hover {
				border-color: #201C40;
				color: #11AAC4;
				background-color: #1E054D;
				box-shadow: 1px 1px 2px #00001f;
			}

		.order .orderlist h1 {
			text-align: center;
		}

		.order .orderlist h3 {
			color: #FB7443;
			text-shadow: 2px 2px 3px #00001f;
			font-size: 40px;
			text-align: left;
		}

		.order .orderlist label {
			color: #1ECDEB;
			text-shadow: -1px -1px 3px #101f37, 2px 2px 1px #00001f;
			font-size: 20px;
			font-family: serif;
		}

		.order .orderlist .entrees {
			background-color: transparent;
			width: 50%;
			height: 350px;
			float: left;
			padding-bottom: 20px;

		}

		.order .orderlist .sides {
			background-color: transparent;
			width: 50%;
			height: 350px;
			float: right;
			padding-bottom: 20px;
		}

		.order .orderlist .beverages {
			background-color: transparent;
			float: left;
			width: 50%;
			height: 250px;
			text-align: left;
			padding-bottom: 20px;
		}

		.order .orderlist .desserts {
			background-color: transparent;
			float: right;
			width: 50%;
			height: 250px;
			text-align: left;
			padding-bottom: 20px;
		}

.founderinfo {
	display: block;
	background-color: rgba(2,31,75,0.85);
	background-image: linear-gradient(to bottom right, #312648, #1E054D);
	background-blend-mode: subtract;
	margin: 20px;
	border: solid #5643FD;

}

	.founderinfo .description {
		float: right;
		width: 70%;
		text-align: left;
		padding: 10px;
	}

	.founderinfo .ben {
		float: left;
		width: 30%;
		background-color: rgba(76,59,113,0.18);
		border: thick solid #5643FD;
		border-top: transparent;
		border-left: transparent;
	}

		.founderinfo .ben img {
			width: 100%;
			padding: 0px;
			border-bottom: dotted #5643FD;
		}

		.founderinfo .ben p {
			padding: 0px;
			text-align: center;
			margin-top: 5px;
			margin-bottom: 10px;
			font-size: 15px;
			font-family: cursive;
		}

.qualifications {
	display: block;
	margin: 20px;
	padding: 20px;
	background-color: #410A24;
	background-image: linear-gradient(to bottom right, #440B26, #410A24);
	border: thick solid #FB7443;
}

	.qualifications .edu {
		background-color: rgba(86,67,253,0.49);
		border: thin solid #FB7443;
		width: 50%;
		float: left;
		padding: 10px;
		text-align: left;
	}

	.qualifications .exp {
		background-color: rgba(30,5,77,0.49);
		border: thin solid #FB7443;
		width: 50%;
		float: right;
		padding: 10px;
		text-align: left;
		margin-bottom: 10px;
	}

	.qualifications .life {
		float: left;
		border: thin solid #FB7443;
		padding: 10px;
		width: 100%;
		background-color: rgba(76,59,113,0.49);
		margin-top: 0px;
	}

		.qualifications .life h2 {
			width: 100%;
		}

.origin {
	display: block;
	background-color: rgba(2,31,75,0.55);
	margin: 20px;
	padding: 10px;
	border: thick solid #1ECDEB;
	font-size: 20px;
	padding-bottom: 80px;
	margin-bottom: 100px;
}

	.origin1 {
		float: left;
		background-color: transparent;
		padding: 10px;
		font-size: 20px;
	}

	.origin2 {
		float: right;
		background-color: transparent;
		padding: 10px;
		font-size: 20px;
	}

	.origin3 {
		float: left;
		background-color: transparent;
		padding: 10px;
		font-size: 20px;
	}

.contact {
	display: block;
	background-color: #A22A4A;
	width: 100%;
	padding: 10px;
	margin-bottom: 50px;
}

	.contact .describe {
		display: block;
		width: 50%;
		float: left;
		background-color: #021F4B;
		padding: 10px;
	}
		.contact .describe p {
			text-align: center;
		}

		.contact .describe h3 {
			text-align: center;
			font-size: 20px;
			color: #FB7443;
			font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			font-weight: 10;
		}

		.contact .describe h2 {
			text-align: center;
			font-size: 50px;
			padding-top: 0px;
			padding-bottom: 10px;
			margin-top: 0px;
			margin-bottom: 10px;
		}

	.contact .form {
		display: block;
		padding: 10px;
		float: right;
		width: 50%;
		background-color: #3A2D56;
	}

		.contact .form p {
			text-align: center;
			color: #1ECDEB;
		}

		.contact .form a {
			color: #FCB297;
			text-shadow: 1px 1px 5px black, 3px 3px 15px black;
			text-decoration: none;
			transition: color 0.3s, text-decoration 0.3s, text-shadow 0.3s;
		}

				.contact .form a:hover {
					color:#FB7443;
					text-decoration: underline;
					text-shadow: 2px 2px 5px black, 4px 4px 15px black;
			}

				.contact .form a:active {
					color: #BA1E68;
			}


			.contact .form .formtop {
				display: block;
				background-color: transparent;
			}

			.contact .form .fname input, .lname input, .email input, .message textarea {
				background-color: #91E6F5;
				background-image: url("images/nebula.png");
				background-blend-mode: luminosity;
				font-family: "Comic Sans MS", Times;
				font-size: 15px;
				color: #1ECDEB;
				box-shadow: 1px 1px 3px #021b20;
				transition: background-color 0.3s, box-shadow 0.3s;
			}

				.contact .form .fname input:hover, .lname input:hover, .email input:hover, .message textarea:hover {
					background-color: #109ab2;
					box-shadow: 1px 1px 3px #010d0f;
				}

			.contact .form .formtop .fname input, .lname input {
				width: 20%;
				min-width: 200px;
			}

			.contact .form .fname, .lname, .email, .message {
				text-align: center;
				padding-bottom: 10px;
				color: #FB7443;
				text-shadow: 2px 2px 0px #00001f;
			}

			.contact .form .email input, .message textarea {
				width: 25%;
				min-width: 250px;
			}

			.contact .form .endmessage input {
				width: 50%;
				margin-left: 25%;
				margin-right: 25%;
				padding: 2px;
				color: rgba(30,205,235,1.00);
				border-color: #182B9C;
				background-color: #021F4B;
				box-shadow: 1px 1px 3px #00001f;
				transition: border-color 0.1s, color 0.1s, background-color 0.1s;
			}

				.contact .form .endmessage input:hover {
					border-color: #201C40;
					color: #11AAC4;
					background-color: #1E054D;
					box-shadow: 1px 1px 2px #00001f;
				}

.intouch {
	display: block;
	background-color: #510D2D;
	padding: 10px;
	margin-bottom: 0px;
	border-top: 2px solid #FB7443;
}

.intouch h1 {
	text-align: center;
	font-size: 50px;
	color: #FB7443;
}

.intouch h3 {
	text-align: left;
	font-size: 30px;
}

.intouch p {
	text-align: left;
	font-size: 15px;
	text-indent: 20px;
}

.intouch a {
	color: #F94E10;
	text-shadow: 1px 1px 5px black, 3px 3px 15px black;
	text-decoration: underline;
	transition: color 0.3s, text-decoration 0.3s, text-shadow 0.3s;
}

.intouch a:hover {
	color:#FB7443;
	text-decoration: underline;
	text-shadow: 2px 2px 5px black, 4px 4px 15px black;
}

.intouch a:active {
	color: #BA1E68;
}


.container {
  position: relative;
  max-width: 800px;
  margin: 0 auto; /* Center it */
}

.container .content {
  position: absolute;
  top: 0;
  background: rgb(29, 17, 53);
  background: rgba(29, 17, 53, 0.5); /* Black background with 0.5 opacity */
  color: #1ECDEB;
  width: 100%;
}

.attention {
	position: absolute;
  background: rgb(0, 0, 0);
  color: #1ECDEB;
  width: 25%;
	text-align: center;
	padding: 50px;
	float: left;
	margin-left: 20px;
}

#root {
  min-height: 100vh;
  position: relative;
}

.entrees {
	display: block;
}

	.entrees h1 {
		text-align: center;
	}

.originbottom {
	width: 100%;
	padding: 10px;
}

	.originbottom p {
		float: right;
		font-size: 15px;
	}

div.gallery {
  border: 1px solid #182B9C;
}

div.gallery:hover {
  border: 1px solid #1ECDEB;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
	margin-top: 0px;
  text-align: center;
  background: rgb(29, 17, 53);
	background: rgba(29, 17, 53, 0.9);
  color: #1ECDEB;
  width: 100%;
	height: 325px;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 10px 6px;
  float: left;
  width: 24.99999%;
}




	@media only screen and (max-width: 600px) {

		body {
			background-color: rgba(47,7,26,0.45);
			background-image: url("images/nebula.png");
			background-size: cover;
			background-blend-mode: overlay;
		}
		
		h1 {
			text-align: center;
		}
		
		h2 {
			text-align: center;
		}
		
		h3 {
			text-align: center;
		}
		
		p {
			text-align: center;
		}

		.header header {
			font-size: 60px;
			color: #011518;
			text-shadow: 0px 0px 6px #1ECDEB, -1px -1px 3px #99E8F5, 2px 2px 8px #042E35;
		}

		.header p {
			font-size: 15px;
		}

		.about {
			width: 100%;
			margin-right: 0px;
			margin-left: 0px;
		}

		.about h1 {
			font-size: 25px;
		}

		.about p {
			text-align: center;
			text-indent: 0px;
			font-size: 15px;
		}

		.about h3 {
			font-size: 20px;
			text-align: center;
			padding-left: 0px;
		}


		.responsive {
		width: 100%;
	  }

		div.desc {
			height: 300px;
		}

		.topnav a {
		float: none;
		display: block;
		text-align: left;
		font-size: 18px;
		}
		
		.order {
			float: none;
			align-content: center;
			margin: 0px;
			width: 100%;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			background-color: rgba(251,116,67,0.10);
		}
		
		.order .bundles {
			border: dotted #1ECDEB;
			border-left: transparent;
			border-right: transparent;
			margin: 0px;
			width: 100%;
			float: none;
			min-width: 0px;
			text-align: left;
		}
		
		.order .bundles h1 {
			text-align: center;
			color: #FB7443;
			text-shadow: 0px 0px 4px #00001f, 1px 1px 1px #ff0000;
			margin-top: 0px;
		}
		
		.order .bundles form {
			width: 100%;
		}
		
		.order .feedback {
			width: 100%;
			padding: 15px;
			background-color: transparent;
		}
		
		.order .feedback p {
			text-align: center;
			width: 100%;
		}
		
		.order .feedback textarea {
			float: left;
			width: 100%;
			padding: 0px;
			text-align: center;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		.order .feedback input {
			float: right;
			margin-top: 5px;
		}
		
		.order .orderlist {
			float: none;
			width: 100%;
			margin: 0px;
			border-right: transparent;
			border-left: transparent;
		}
		
		.order .orderlist .finishorder {
			padding: 10px;
		}
		
		.order .orderlist .finishorder input {
			width: 100%;
			margin: 0px;
			padding: 10px;
			height: 50px;
			font-size: 20px;
		}
		
		.founderinfo {
			margin: 0px;
			margin-bottom: 5px;
			width: 100%;
			border-left: transparent;
			border-right: transparent;
			margin-top: 30px;
		}
		
		.founderinfo .description {
			float: none;
			width: 100%;
			padding: 10px;
			padding-top: 0px;
			text-align: center;
		}
		
		.founderinfo .ben {
			float: none;
			width: 100%;
			border-right: transparent;
			background-color: rgba(162,42,74,0.10);
			text-align: center;
		}
		
		.founderinfo .ben img {
			width: 100%;
		}
		
		.qualifications {
			margin: 0px;
			width: 100%;
			padding: 10px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			text-align: center;
			border-left: transparent;
			border-right: transparent;
			background-color: transparent;
		}
		
		.qualifications .edu {
			float: none;
			width: 100%;
			text-align: center;
			border-left: transparent;
			border-right: transparent;
		}
		
		.qualifications .exp {
			float: none;
			width: 100%;
			text-align: center;
			border-left: transparent;
			border-right: transparent;
			margin-bottom: 0px;
		}
		
		.qualifications .life {
			float: none;
			width: 100%;
			border-left: transparent;
			border-right: transparent;
			text-align: center;
		}
		
		.origin {
			margin: 0px;
			float: none;
			border-left: transparent;
			border-right: transparent;
		}
		
		.origin1, .origin2, .origin3 {
			text-align: center;
			background-color: transparent;
	}
		
		.contact {
			width: 100%;
			padding: 10px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 10px;
		}
		
		.contact .describe {
			float: none;
			width: 100%;
			background-color: #3A2D56;
		}
		
		.contact .form {
			float: none;
			width: 100%;
		}
		
		.contact .form .fname input, .lname input, .email input, .message textarea {
			background-color: #91E6F5;
			background-image: linear-gradient(to bottom right, #91E6F5, #4C3B71);
			color: #00001f;
		}
		
		.intouch {
			background-color: rgba(75,19,34,0.32);
		}
		.intouch h1, .intouch h3, .intouch p {
			text-align: center;
			text-indent: none;
		}
		
}

	@media only screen and (max-width: 1200px) and (min-width: 600px) {
	  .responsive {
		width: 49.99999%;
		margin: 6px 0;
	  }

		div.desc {
			padding-bottom: 20px;
		}

		section {
		height: 75%;
		margin: 6px 0;
		  padding-left: 6px;
		  padding-right: 6px;
	  }
	}

	@media only screen and (max-width: 1200px) {
		.desc {
			height: 500px;
		}
		
		.topnav img.logo {
			display: none;
		}

	}

@media only screen and (max-width: 1550px) {
	
	.order .orderlist {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.order .orderlist .entrees {
		width: 100%;
		text-align: center;
		margin-bottom: 0px;
		padding-bottom: 10px;
		height: auto;
		background-color: rgba(58,15,26,0.72);
	}
	
	.order .orderlist h3 {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.order .orderlist h1 {
		border-bottom: dotted #FB7443;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	
	.order .orderlist .sides {
		width: 100%;
		text-align: center;
		height: auto;
		padding-bottom: 10px;
		background-color: rgba(30,5,77,0.70);
	}
	
	.order .orderlist .beverages {
		width: 100%;
		text-align: center;
		height: auto;
		padding-bottom: 10px;
		background-color: rgba(2,31,75,0.63);
	}
	
	.order .orderlist .desserts {
		width: 100%;
		text-align: center;
		height: auto;
		padding-bottom: 10px;
		margin-bottom: 20px;
		background-color: rgba(80,22,1,0.53);
	}
	
	.order .orderlist label {
		font-size: 20px;
	}
}
		
.clearfix:after {
  content: "";
  display: table;
  clear: both;
	}
		
@media only screen and (max-width: 950px) {
	.order .bundles {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.order .orderlist {
		width: 100%;
	}
}

@media only screen and (max-width: 1920px) and (min-width: 1550px) {
	.order .orderlist label {
		font-size: 15px;
	}
}