div.introduction {
  margin-bottom: 60px;
}
div.introduction .introduction-list {
  margin: 0 -1%;
}
div.introduction .introduction-list:after {
  content: '';
  clear: both;
  display: block;
}
div.introduction h2 {
  margin: 0 1% 2em;
  text-align: left;
}
div.introduction h2:after {
  content: none;
}
div.introduction .introduction-box {
  float: left;
  width: 31.333%;
  padding: 15px;
  margin: 0 1% 20px;
  border: 1px solid #001b61;
  text-align: center;
}
@media screen and (max-width: 768px) {
  div.introduction .introduction-box {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  div.introduction .introduction-box {
    width: 99%;
  }
}
div.introduction .introduction-box a {
  display: block;
}
div.introduction .introduction-box img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
div.introduction .introduction-box h4 {
  color: #001b61;
}