body {
   background-color:#e8f8e8;
   color:#080808;
   margin:20px;
   font-family:Arial,sans-serif;
   font-size: 18px;
}
 /* if desktop */
    .mobile {
        display: none;
        font-size: 35px;
    }

    /* Hide narrow display by default unless subsequent */
    /* rules kick in */
    @media only screen {
        .desktop-wide{display: block;}
        .desktop-narrow {display: none;}
    }
    /* if mobile device max width 1250px */
    @media only screen and (max-device-width: 1250px) {
        .mobile-small{display: none;}
        .mobile-wide{display: block;}
        .mobile{display: block;}
        .desktop{display: none;}
    }

    /* if mobile device max width 500px */
    @media only screen and (max-device-width: 500px) {
        .mobile-small{display: block;}
        .mobile-wide{display: none;}
    }
h1 {
    font-size: 1.8em;
    line-height:0.3em;
    margin-top: 20px;
}
h1.mobilew {
font-size: 1.2em;
line-height:0.3em;
margin-top: 20px;
}
h2 {
    font-size: 1.5em;
    line-height:1em;
    margin-bottom: 10px;
}
h2.mobile {
    font-size: 1.3em;
    line-height:1em;
    margin-bottom: 10px;
}
h2.mobilew {
    font-size: 1.1em;
    line-height:1em;
    margin-bottom: -20px;
}
h3 {
    font-size: 1.1em;
    line-height:1em;
    margin-bottom: 10px;
}
h3.mobile {
    font-size: 1em;
    line-height:1em;
    margin-bottom: 10px;
}
h3.mobilew {
    font-size: 1em;
    line-height:1em;
    margin-bottom: 10px;
}
td.title-center	{
    text-align: center;
}
td.title-center-h	{
    background-image:url("images/gm-20.jpg");
    text-align: center;
    padding-top: 10px;
}
td.title-center-m	{
    text-align: center;
    padding-top: 20px;
}
td.title-center-mw	{
    background-image:url("images/gm-20.jpg");
    text-align: center;
    padding-top: 10px;
}
td.event-description {
    font-family:Verdana, Geneva, sans-serif;
    font-size: 1em;
    text-align: center;
    line-height:1.4em;
    padding-bottom: 16px;
}
table.opentimes {
    font-family:Verdana, Geneva, sans-serif;
    width: 100%
    border:1px solid white;
    border-spacing: 10px;
    background-image:url("images/gm-20.jpg");
}
img.title-image	{
    border-style: solid;
    border-color: black;
    border-width: 2px;
    padding: 4px;
}
img.menutitle	{
    border-style: none;
}

button.deskbutton   {
    font-family:Arial,sans-serif;
    font-size: 18px;
    background-color:#c4edc4;
    margin:10px;
    padding:10px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    line-height:0.4em;
}
button.mobilebutton   {
    font-family:Arial,sans-serif;
    font-size: 30px;
    background-color:#c4edc4;
    color:#000000;
    margin:6px;
    padding:10px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    line-height:1em;
}

table.mobile-top {
    background-image:url("images/gm-20.jpg");
}
table.menu {
    background-color:#008000;
    color:#eeeeee;
    border:0px solid black;
    border-spacing: 10px;
    margin-bottom: 20px;
}
td.menu-head {
    font-size: 1.1em;
    line-height: 2em;
    font-weight: bold;
    text-align: center;
}
td.m-menu-head {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}
td.menutime {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
}
td.menu-item {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
td.m-menu-item {
    font-size: 1.2em;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
td.m-menu-item-center {
    text-align: center;
    font-size: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
}
td.event-item {
   font-family:Arial,sans-serif;
    font-size: 1.1em;
    text-align: center;
    padding-bottom: 10px;
}
td.menu-price {
    font-weight: bold;
}
td.m-menu-price {
    font-size: 1.2em;
    font-weight: bold;
}
td.menu-voption {
    text-align: right;
}
td.menu-centered {
    text-align: center;
}
td.m-menu-centered {
    font-size: 1.3em;
    text-align: center;
}