html { font-family: sans-serif; }
body { margin-left: 5%; margin-right: 5%; }
.item_section_container { display: flex; flex-wrap: wrap; flex-direction: row; flex-flow: space-evenly; align-items: top; justify-content: center; }
.item_section { margin: 10px; padding: 10px; width: 40%; }
table { border-collapse: collapse; border: 1px solid #C0C0C0; font-size: 80%; margin: 0; width: 100%; text-align: left; }
th { padding: 5; margin: 0; background-color:  #F0F0F0; }
tr { padding: 5; margin: 0; }
tr:hover { background-color: #fed8b1; }
td { padding: 7; margin: 0; border-bottom: 1px dotted #F0F0F0; }
.price_heading { text-align: right; }
.price { text-align: right; }
.back_button { text-align: center; padding: 10px; border: 1px solid #C0C0C0; border-radius: 7px; background-color: #DFD8DC; }
.back_button a {  display: block; text-decoration: none; text-transform: uppercase; font-size: 100%; letter-spacing: 0.1em; color: #8A8985; font-weight: bold;}
.page_container { width: 80%; margin-left: auto; margin-right: auto; }
.menu_container { display: flex; flex-wrap: wrap; flex-direction: row; flex-flow: space-evenly; align-items: top; }
.menu_section { margin: 10px; padding: 10px; min-width: 300px; }
ul { line-height: 165%; padding-left: 10px; }
li { list-style: none; margin-left: 0px; }
.infobox { border: 1px solid #F0F0F0; background-color: #F8F8F8; padding: 10px; }
.special_item { border: 1px solid #F0F0F0; background-color: #FAFAFA; padding: 10px; margin-bottom: 20px; color: #606060; }
.full_width .special_item { width: 500px; margin: 10px; }
.special_item_name { font-size: 120%; font-weight: bold; margin-bottom: 5px; color: black; }
.page_heading { width: 90%; margin-left: auto; margin-right: auto; border-bottom: 2px solid #C0C0C0; }
.full_width { width: 100%; }
.qr_code { float: right;}
.qr_code img { width: 120px; height: 120px; } 
.reference { font-size: 80%; margin-top: 10px; }

@media only screen and (max-width: 850px) {	
 .item_section { width: 100%; margin: 0; padding-left: 0; padding-right: 0; }
 .menu_section { padding-left: 0; padding-right: 0; width: 100%; }
 .menu_container { display: flex; flex-wrap: wrap; flex-direction: row; flex-flow: space-evenly; align-items: top; width: 100%; }
 td { padding: 15px; font-size: 120%; }
 .page_container { width: 100%; }
 ul { line-height: 265%; padding-left: 0px; }
 li { border: 1px solid #C0C0C0; display: block; text-align: center; margin: 10px; }
 li a { text-decoration: none; display: block; }
 .page_heading { width: 100%; }
 .special_item { width: 100%; }
 .full_width .special_item { width: 100%; }
 .qr_code { display: none; }
}