:root {
  --bodyBg: #f0f4f8;
  --black: #303030;
  --orange: #e17d44;
  --blue: #94cace;
}

body {
  background-color: var(--bodyBg);
}

#menu {
  background: var(--black);
  border-radius: 0;
}

#product-images-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem auto;
}

#product-images-desktop {
  display: none;
}

.ui.buttons.header__socialButtonGroup {
  margin: 12px;
}

/* Overrides default styled accordion styles (too much bottom padding) */
.ui.styled.accordion .content {
  margin: 0;
  padding: 0.5em 1em 0.75em !important;
}

.ui.fluid.card.ui.fluid.card {
  min-width: 210px;
  width: calc(20% - 1em);
}

@media all and (min-width: 768px) {
  #product-images-mobile {
    display: none;
  }

  #product-images-desktop {
    display: flex;
    flex-flow: column nowrap;
  }
}

@media all and (min-width: 768px) {
  .ui.buttons.header__socialButtonGroup {
    margin: 10px 0 10px auto;
  }
}