body {padding-top: 70px;}

/* Homepage feature cards */
.demo-cards {display: flex; flex-wrap: wrap; margin-top: 30px;}
.demo-cards:before, .demo-cards:after {display: none;} /* neutralise BS3 row clearfix inside flex */
.demo-cards > div {display: flex; margin-bottom: 24px;}

.demo-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: inherit;
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}

.demo-card:hover, .demo-card:focus {
  color: inherit;
  text-decoration: none;
  border-color: #c8c8c8;
  box-shadow: 0 4px 14px rgba(0,0,0,.09);
  transform: translateY(-2px);
}

.demo-card h2 {margin: 0 0 10px; font-size: 21px; line-height: 1.2;}
.demo-card p {flex: 1 1 auto; margin-bottom: 14px; color: #666;}
.demo-card .demo-card-cta {font-weight: 700; color: #337ab7;}