.membership-categories {
  margin-top: 5em;
}
.membership-categories .category {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin-top: 5em;
  margin-bottom: 2em;
}
@media only screen and (min-width: 992px) {
  .membership-categories .category {
    width: 33%;
    margin-top: 0;
    float: left;
    margin-left: -2em;
  }
  .membership-categories .category:first-of-type {
    margin-left: 2.8%;
  }
}
.membership-categories .category .category-title {
  position: relative;
}
.membership-categories .category .category-title h3 {
  padding: 1em 15px;
  text-align: center;
  margin: 0;
  position: relative;
  z-index: 0;
  color: #fff;
}
.membership-categories .category .category-title:before {
  content: '';
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transform: skewY(-5deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: top left;
  z-index: 0;
}
.membership-categories .category .content {
  background: #fff;
  padding: 15px;
}
@media only screen and (min-width: 992px) {
  .membership-categories .category .content {
    padding: 15px 3em 15px 15px;
  }
}
.membership-categories .category .price-1,
.membership-categories .category .price-2 {
  padding: 15px;
}
.membership-categories .category .price-1 span,
.membership-categories .category .price-2 span {
  display: block;
}
.membership-categories .category .price-1 .price-title,
.membership-categories .category .price-2 .price-title {
  font-weight: bold;
}
.membership-categories .category .price-1 .price,
.membership-categories .category .price-2 .price {
  font-size: 3rem;
}
.membership-categories .category.category-green .category-title {
  background: #acc17c;
}
.membership-categories .category.category-green .category-title h3,
.membership-categories .category.category-green .category-title:before {
  background: #acc17c;
}
.membership-categories .category.category-green .price-1,
.membership-categories .category.category-green .price-2 {
  color: #acc17c;
}
.membership-categories .category.category-green .price-1 {
  background: #fbfcf9;
}
.membership-categories .category.category-green .price-2 {
  background: #f4f7ee;
}
.membership-categories .category.category-teal .category-title {
  background: #79a09c;
}
.membership-categories .category.category-teal .category-title h3,
.membership-categories .category.category-teal .category-title:before {
  background: #79a09c;
}
.membership-categories .category.category-teal .price-1,
.membership-categories .category.category-teal .price-2 {
  color: #79a09c;
}
.membership-categories .category.category-teal .price-1 {
  background: #f6f9f9;
}
.membership-categories .category.category-teal .price-2 {
  background: #e7eeee;
}
.membership-categories .category.category-blue .category-title {
  background: #768ea4;
}
.membership-categories .category.category-blue .category-title h3,
.membership-categories .category.category-blue .category-title:before {
  background: #768ea4;
}
.membership-categories .category.category-blue .price-1,
.membership-categories .category.category-blue .price-2 {
  color: #768ea4;
}
.membership-categories .category.category-blue .price-1 {
  background: #f7f8f9;
}
.membership-categories .category.category-blue .price-2 {
  background: #e7ecef;
}