/* Split Column CSS */

.service h2:before,
.visiting h2:before {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  font-family: FontAwesome;
}

/* services iconography */
.service.shop-mobility h2:before {content: '\f193';}
.service.conference-room-hire h2:before {content: '\f0c0';}
.service.wi-fi h2:before {content: '\f1eb';}
.service.charity h2:before {content: '\f1ae';}
.service.community h2:before {content: '\f015';}
.service.community-events h2:before {content: '\f145';}
.service.other-community-events h2:before {content: '\f001';}

/* visiting iconography */

.visiting.by-car h2:before {content: '\f1b9';}
.visiting.by-foot h2:before {content: '\f183';}
.visiting.by-bus h2:before {content: '\f207';}
.visiting.by-taxi h2:before {content: '\f1ba';}
.visiting.by-train h2:before {content: '\f238';}

@media only screen and (min-width: 601px) {

  .visiting.by-bus {
    position: relative;
    top: -50px;
  }
  .visiting:nth-child(even) {
    padding-right: 15px;
  }
  .visiting {
    width: 50%;
    float: left;

  }
  .visiting:nth-child(odd) {
    float: right;
  }
}