@-ms-viewport{
  width: device-width;
}

@media (min-width: 320px) and (max-width: 649px) {
   /* Basically up to, but not including an iPad */

table.main {
	width: 95%;
	border-radius: 6px;
	border: 2px solid yellow;
	border-collapse: collapse;
	margin: auto;
  background-color: white;
}
td.prices {
	text-align: center;
	color: black;
	padding: 10px 15px;
  background-color: white;
}
hr {
	border: 5px solid red;
	border-radius: 5px;
	width: 85%;
}
.heading {
	font-size: 18px;
	font-weight: bold;
}
.prices {
	font-size: 16px;
}
.notes {
	font-size: 14px;
}
}



@media (min-width: 650px) {

table.main {
	width: 95%;
	max-width: 768px;
	border-radius: 6px;
	border: 2px solid yellow;
	border-collapse: collapse;
	margin: auto;
  background-color: white;
}
td.prices {
	text-align: center;
  color: black;
	padding: 10px 25px;
  background-color: white;
}
hr {
	border: 5px solid red;
	border-radius: 5px;
	width: 85%;
}
.heading {
	font-size: 24px;
	font-weight: bold;
}
.prices {
	font-size: 18px;
}
.notes {
	font-size: 14px;
}
}


.foodPermit {
	background-color: lightyellow;
	border: 2px solid red;
	border-radius: 6px;
	width: 85%;
	margin: auto;
}
a {
	text-decoration: none;
}