body {
  font-family: Helvetica Neue !important;
  min-height: 700px;
}

#kit-menu {
  text-align: center;
}

.kit {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 10px;
  display: inline-block;
}

.kit:hover {
  cursor: pointer;
}

.kit-slide {
  width: 95%;
  margin: 0 auto;
  display: none;
}

.active-slide {
  display: block;
  position: relative;
}

.kit-wrapper {
  width: 80%;
  margin: 20px 0 0 11%;
}

.kit-wrapper p {
  font-size: 1.4rem;
  line-height: 1.3;
}

.kit-desc {
  font-size: 1.5rem;
  line-height: 1.5;
  padding-bottom: 10px;
  width: 90%;
}

/* .kit-desc img {
  width: 150px;
} */

.line-arrow {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
  /*set the size for arrow */
  width: 2em;
  height: 2em;
  top: 40%;
}

.line-arrow.left {
  border-top: 6px solid #333;
  border-left: 6px solid #333;
  transform: rotate(-54deg) skew(-20deg);
  left: 1%;
}

.line-arrow.right {
  border-top: 6px solid #333;
  border-right: 6px solid #333;
  transform: rotate(54deg) skew(20deg);
  right: 1%;
}

.line-arrow:active, .line-arrow.active {
  border-width: 2px;
}

.line-arrow:hover {
  cursor: pointer;
  opacity: 0.5;
}

.meals-made li {
  font-size: 1.5rem;
  padding-bottom: 5px;
}

.source, .credit {
  display: inline-block;
}

.credit {
  float: right;
}