@media screen and (max-width: 992px) {
  body {
    position: relative;
  }
  .table .tableRow .cell {
    min-width: 3rem;
    width: 20vw;
    max-width: 20rem;
    font-size: 0.9rem;
    padding: 0.2rem 0.3rem;
  }
  .minus {
    margin: 1rem 0;
  }
  .minus .tableRow .cell {
    min-width: 3rem;
    width: 25vw;
    max-width: 20rem;
  }
  #ingredientListScroll {
    max-height: 6rem !important;
  }
  #rightPanelContainer {
    padding-left: 0;
  }
  .sidenav-trigger {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
  }
  .sidenav-trigger .material-icons {
    font-size: 2rem;
  }
  .plusRemark p, .minusRemark p {
    text-align: center !important;
  }
}

@media screen and (max-width: 600px) {
  #leftPanel {
    width: 370px;
  }
  #categorySelection {
    margin-top: 2rem;
  }
  #fruGemHelpText {
    padding: 2rem 1rem;
    text-align: center;
  }
}

@media screen and (max-width: 350px) {
  #leftPanel {
    width: 320px;
  }
}
/*# sourceMappingURL=responsiveness.css.map */