.icon-bar a {
  float: left;
  width: 25%;
  text-align: center;
  padding: 12px 0;
  transition: all 0.3s ease;
  color: white;
  font-size: 25px;
  white-space: post-line;
}

.icon-bar a:hover {
  background-color: black;
}

.bg-estate-agent-icon {
  background-color: brown;
}

.bg-home-icon {
  background-color: blue;
}

.bg-faq-icon {
  background-color: blue;
}

.bg-shop-icon {
  background-color: orange;
}

.bg-slide-show-icon {
  background-color: blue;
}

.bg-gallery-icon {
  background-color: green;
}

.bg-contact-icon {
  background-color: purple;
}

.bg-twitter-icon {
  background-color: #1DA1F2;
}

.fg-twitter-icon {
  color: white;
}

.bg-instagram-icon {
  background-color: #fb0074;
}

.bg-slideshare-icon {
  background-color: black;
}