body {
            background: rgb(252,233,229);
background: linear-gradient(0deg, #b31d00 32%, rgba(232,38,0,1) 87%);
font-family: Roboto, sans-serif;
          }
          
          
          
          .menuCategory{width:20%; margin:auto; float:left; text-align:center; color:#450c01;}
        .menuCategory h3 {color:#450c01;}
        .menuCategory:hover{cursor:pointer; background-color:#ffb4a6;}
        .imgMenuCategory{width:80%; }
        #menuCategories{display:flex; margin-top:2em;margin-bottom:2em;}
        .threePhrase{width:25%;margin:auto; float:left; text-align:center; color:#450c01; font-size:128%;}
        #threePhrases {display:flex; }
        footer {
            text-align:center; clear:both;
            display: flex;
    align-items: center;
    justify-content: center;
            min-height:32vh;
    text-align: center;
    clear: both;
    
   background: rgb(252,233,229);
background: linear-gradient(0deg, #b31d00 32%, rgba(232,38,0,1) 87%);
    position: absolute;
    left: 0;
    right: 0;
}
        }
        .links {color:#911e07; font-weight:800;}
        .pageDivider{width:80%;margin:auto;border-top:1px solid #450c01; clear:both;}
        .pageDividerMini{height:1em;width:32%;margin:auto;border-top:1px solid #450c01; clear:both;}
        .pageSubheader {text-align:center;}
        .menuItemTitle{text-align:center; clear:both;}
        .textAlignCenter{text-align:center;}
        .macroTable {font-weight:500; width:100%;background-color:#fff9f7;}
        /*.fontStrong{font-family: "Arial Black", Gadget, sans-serif;}
        .fontWeak{font-family: "Arial", Gadget, sans-serif;}*/
        .marginTopBlue{margin-top:2em;}
        table, th, td {border: 1px solid black;}
        .clearBoth{clear:both;}
        .menuItemDescription{max-width:40em;}
        .pageContent {background-color:#fce9e5;
            box-shadow: -1px 3px 7px 0px rgba(0,0,0,0.64);
-webkit-box-shadow: -1px 3px 7px 0px rgba(0,0,0,0.64);
-moz-box-shadow: -1px 3px 7px 0px rgba(0,0,0,0.64);
margin-bottom:4em;
        }
        
        .noMargins {margin:0;}
        
        .overflowHidden{overflow:hidden;}
        
        a {text-decoration:none;}
        .iframeGoogleMap {display: block;
        border:1px solid black;
    margin: auto;}
        
         @media only screen and (max-width: 800px) {
             .menuItemsList{ width:80%; display:flex; margin:auto; flex-flow: column;}
             .menuItemImage{text-align:center; width:100%; float:left;}
         }
        
         /* Desktop */
    @media only screen and (min-width: 800px) {
         body { background-color:#e82600; }
          .menuItemsList{width:80%; display:flex; margin:auto;}
        .menuItemImage{width:30%; float:left;}
        .imgMenuCategory{min-width: 20vw; margin-right:1em;}

    }