body{
	
	 background-image: linear-gradient(to top right, red , yellow);
}
.HeaderDiv {
	
	display: flex;
    flex-wrap: wrap;
    
    flex-direction: row;
    max-height: 100vh;
	background: #414141;
	
	justify-content: center;
	border: 3px solid #090909;
	
	
	
	color:#E7E7E7;
	
	
	background: radial-gradient(circle, black, gray);
filter: url(#grainy)
	
	
	
	
	
}

.Header2Div  {
	
	display: flex;
    flex: 1 1 auto;
border: 3px solid #090909;
	flex-flow: row wrap;
	background: #AFAFAF;
	
	
}


.OurStory {
	display: flex;
	flex: 1 0 auto;
	
	
	padding: 0 5px 0 5px;
	justify-content: center;
}

h1:hover{
	
	background-color:#007CFF;
}


a:link {
  color: darkblue;
}

/* visited link */
a:visited {
  color: darkcyan;
}

/* mouse over link */
a:hover {
  color: darkgreen;
}

/* selected link */
a:active {
  color: #8100FF;
	
}


.Menu{
	display: flex;
	flex: 2 1 auto;
	justify-content: center;
	padding: 0 5px 0 5px;
}

.OrderingPage{
	
	flex: 2 0 auto;
	justify-content: center;
	padding: 0 5px 0 5px;
}

.ContactUs{
	
	flex: 2 0 auto;
	justify-content: center;
	padding: 0 5px 0 5px;
}

.OtherStuff{
	
	flex: 2 0 auto;
	justify-content: center;
	padding: 0 5px 0 5px;
}

.ImageBox {
padding: 15px 15px 40px 15px;
	display: flex;
    flex-wrap: wrap;
    
    flex-direction: row;
    
	background: #414141;
	flex: 2 1 auto;
	justify-content: center;
	border: 3px solid #000000;
	
}


.HeaderImg {
	
	display: flex;
    flex-wrap: wrap;
    
    flex-direction: row;
    max-height: 100vh;
	background: #414141;
	
	justify-content: center;
	border: 3px solid #090909;
	
}

.HeaderImg:hover {
	
	background: radial-gradient(circle, black, gray);
filter: url(#grainy)
	
}

.Description1 {
	
	display: flex;
    flex-wrap: wrap;
    padding: 10px;
    flex-direction: row;
    max-height: 100vh;
	background: #414141;
	
	justify-content: center;
	border: 3px solid #090909;
	color: #D8D8D8;
	
}

.FlexMan {
	
	max-width: 100%;
	padding: 5px;
		
	
}

.FlexOwl {
	
	max-width: 100%;
	
		padding: 5px 5px 5px 5px;
	margin: auto;
}

.FactsBox {
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	background: #373737;
	flex-flow: column wrap;
	
	
	
	
	
}

table, th, td {
  border:2px solid green;
}
table.center {
  margin-left: auto; 
  margin-right: auto;
}

.Textstandard {
	
	font-size: 100%;
	margin: 2px 2px 2px 2px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap:wrap;
	justify-content: center;
	color: #DDDDDD;
}

.CenterLink  {
	text-decoration: none;
	font-weight: Bold;
	
	flex: 1 0 auto;
	display: flex;
    justify-content: center;
border: 3px solid #090909;
	flex-flow: row wrap;
	background: #AFAFAF;
	font-size: 250%;
	
	
}

.TwoPack {
	display: flex;
    flex-wrap: wrap;
    
    flex-direction: row;
    
	flex-flow: row wrap;
	
	
	border: 3px solid #090909;
	
	
}
 
.FoodItem {
	display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    flex-direction: row;
    max-height: 100vh;
	max-width: 100vh;
	background: #414141;
	justify-content: center;
	
	/*border: 1px solid #A8A8A8;
	*/
	
}

.Description {
	font-size: 350%;
	margin: 2px 2px 2px 2px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap:wrap;
	justify-content: center;
}

.Description2 {
	font-size: 150%;
	margin: 2px 2px 2px 2px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap:wrap;
	justify-content: center;
}

.OnePack {
	margin: 2px 2px 2px 2px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap:wrap;
	flex-direction: column;
	
	
}

.ThreePack{
	
	flex-direction: row;
	margin: 2px 2px 2px 2px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap:wrap;
}