h1, h2, h3, p, a {text-align: center}
hr {height: 1px ; background-color: grey}
body {padding: 20px ; background-image:url( bosque2.jpeg); font-family: monospace;;}
.menu {max-width: 500px; padding: 30px; margin-left: auto;margin-right: auto;background-color: beige ;width: 80%}
.item p {font-size: 14px;display: inline-block;margin-top: 5px; margin-bottom: 5px}
.flavor{padding-left: 5px;text-align: left; width: 70%}
.price{padding-right: 5px; text-align: right; width: 25%}
.add {font-size:  14px}
h1, h2, h3 {font-family:Impact, monospace;}
.established {font-style: italic}
h1 {font-size: 40px; margin-top: 0px; margin-bottom: 0px}
h2 {font-size: 30px}
h3 {font-size: 20px}
.accordion {background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;}
  .active, .accordion:hover {
  background-color: #ccc;}
.panel { padding: auto; margin-left: auto;margin-right: auto;
  background-color: white;
  display: none;
  overflow: hidden;}
  .openingtime { font-style: italic }
footer {font-size: 11px}
a {color: Black}
a:visited {color: grey}
a:hover {color white}
.img {
    background-size: cover;
    position: fixed;
    height: 100vh;
    width: 100vw;
  display: block;
  margin-left: auto;
  margin-right: auto;}
.allergens {font-size: 10px}