#case {
  padding: 40px 0;
  background-color: #eee;
}

#case h3 {
  text-align: center;
  color: #666;
}

#case p {
  color: #666;
  line-height: 1.6;
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.thumbnail {
  height: 100%;
}

/* extra positioning */
.thumbnail {
  display: flex;
  flex-direction: column;
}

.thumbnail .caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/*没有小于768px，是因为Bootstrap3以移动端优先设计*/

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
  .jumbotron h1 {
    font-size: 30px;
  }

  .jumbotron h4 {
    font-size: 16px;
  }

}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
  .jumbotron h1 {
    font-size: 33px;
  }

  .jumbotron h4 {
    font-size: 17px;
  }

}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
  .jumbotron h1 {
    font-size: 36px;
  }

  .jumbotron h4 {
    font-size: 18px;
  }
}