html {
    -webkit-text-size-adjust: 100%;   /* Prevent font scaling in landscape */
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 100%;
    }

body {
	max-width: 1024px;
	margin: 0px auto;
    padding: 10px;
} 
	
@media (max-width:650px) {       /* mobile size */
    .FlexContainer {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		}
				
	.MenuBox {
		border-color: gainsboro;
		border-width: 2px 0px 2px 0px; 
		border-style: solid;
		display: flex;
		flex-direction: row;
		align-items: center;
		/* margin-bottom: 0px; */
		margin-top: -2px;
		}
	
	.MenuBox p {
		margin: 0px;
		}
	
	.MenuBox .Picture {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		height: 100px;
		width: 100px;
		margin: 5px;
	}
	
	.MenuBox .Picture img {
		flex-shrink: 0;      /* This is needed for in IE11 bug */
		max-height: 100%;
		max-width: 100%;
		}
                
    .section .header {
		display: flex;
		align-items: center;
		}
				
	.whichsize {
		font-size: 60%;
		}

	}
        


@media (min-width: 650px) {     /* desktop size */
    .FlexContainer {
        display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		}
				
    .MenuBox {
		border-color: gainsboro;
		border-width: 2px; 
		border-style: solid;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 10px;
		transition: transform .5s; /*Animation */
		}
	
	.MenuBox:hover {
		transform:scale(1.1);
		}
	
	.MenuBox p {
		margin: 0px;
	}
	
	.MenuBox .Picture {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		width: 200px;
		margin: 5px;
	}
    
	.MenuBox .Picture img {
		flex-shrink: 0;       /* This is needed for in IE11 bug */
		max-height: 100%;
		max-width: 100%;
	}
	
	.MenuBox .Address {
		text-align: center;
		width: 200px;
		height: auto;
		}
	
	.MenuBox .Info {
		text-align: center;
		width: 200px;
		height: auto;
		}
                
    .section .header h3 {
		display: inline;
		border-bottom-style: solid;
		border-bottom-width: medium;
        }
				
    .whichsize {
		font-size: 100%;
		}
			    
	}




a:link.MenuBox, a:visited.MenuBox {
	text-decoration: none;
	color: black;
    }

h1 {
	text-align: center;
	font-size: 30px;
	margin: 30px 0px;
}

table {
    border: 1px;
	border-style: solid;
    border-collapse: collapse;
}
    
td {
    border: 1px;
    border-style: solid;
}

.firstrowandcolumn tr:first-child {
	background-color: lightgray;	
}
			
.firstrowandcolumn td:first-child {
	background-color: lightgray;
}
			
.noborder td {
    border-width: 0px;
}

.section {
    margin-bottom: 40px;
}

.section img {
    float: left;
	margin-right: 10px;
}
                
.section2 li {
    margin-bottom: 10px;
}

.section ul {
	margin-top: 0px;
}

.section ul.spacedlist li {
	margin-bottom: 10px;
}

.section p {
    margin-top: 5px;
}

.MenuBox .Info {
	font-weight: bold;
}