body {
  background-color: #EEE;
}
@media screen and (min-width: 1400px) {
  .mobile_display  { display: none; }
  .desktop_display { width: 100%; }
  #main {  width: 80%;
           float: left;  }
  #items { width: 20%;
           float: right; }
}
@media screen and (min-width: 1000px) {
  .mobile_display  { display: none; }
  .desktop_display { width: 100%; }
  #main {  width: 70%;
           float: left;  }
  #items { width: 30%;
           float: right; }
}
@media screen and (min-width: 600px) {
  .mobile_display  { display: none; }
  .desktop_display { width: 100%; }
  #main {  width: 60%;
           float: left;  }
  #items { width: 40%;
           float: right; }
}
@media handheld, only screen and (max-width: 600px) {
  .mobile_display  { width: 100%; } 
  .desktop_display { display: none; }
  #main {  width: 100%;  }
  #items { clear: both;  }
}
h1 {text-align: center;}
#container {
  background-color: white;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#content {
  padding: 10px;
}
#bakery {
  width: 100%;
  padding: 0px 10px;
}
#select {
  width: 100%;
  padding: 0px 10px;
}
#description {
  width: 100%;
  padding: 0px 10px;
}
#contact {
  width: 100%;
  padding: 0px 10px;
}

#footer {
  clear: both;
}