.banner-holder {
  display: inline-block;
  vertical-align: top;
  width: 390px; }

.banner-item {
  position: relative;
  display: block;
  background: #fdfdfd url(./images/pattern.png);
  border: 1px solid #eee;
  width: 390px;
  height: 230px;
  margin: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: center;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.banner-holder .banner-item {
  margin: 10px 0 0 8px; }

.banner-item > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%); }

.banner-item > div h2 {
  margin: 0;
  font-size: 22px;
  color: #211e1e;
  font-weight: 400; }

.banner-item > div span {
  display: block;
  font-size: 12px;
  color: #9c9c9c;
  font-weight: 400; }

.banner-set {
  display: inline-block;
  vertical-align: top; }

.banner-set .banner-holder {
  vertical-align: top; }

.banner-set .banner-item h3{
    color: #00a651;
}
.banner-set .banner-item {
  width: 370px;
  height: 260px;
  margin: 0 auto 9px; }

@media screen and (max-width: 1218px) {
  .banner-set {
    display: none; } }