body{
  background-color: #369457;
}
h1{
  text-align: center;
  margin-bottom: 1.5em;
}
h3{
  font-size: 1.5em;
}
hr{
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.container{
  min-width: 45em;
}
.flex-container{
  display: flex;
}
.left-box{
 flex:3;
 order: 1;
 min-width: 10em;
}
.right-box{
  flex: 1 0 auto;
  order: 2;
  min-width: 5em;
  flex-basis: 5em;
}
.ingredient-name{
  font-style: italic;
  font-weight: 700;
}
#display-total{
  display: none;
}
.side-bar{
  min-width: 5em;
  background-color: beige;
}
.card{
  margin-bottom: 1em;
  box-shadow: 5px 6px #0d3e10;
}
.selection-card{
  width:90%;
  min-width: 10em;
  background-color: #29773e;
}
.ingredientsP{
  display: none;
}
.ingredientsList{
  display: none;
}
#order-submitted{
  display: none;
  text-align: center;
}
@media (max-width: 700px) {
  .flex-container{
    flex-direction: column;
  }
  .side-bar{
    width: 375px;
  }
  .selection-card{
    width: 400px;
  }
}