// Intro section icons
.icon-question, .icon-responsible, .icon-chat {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  float: left;
  width: 3em;
  height: 3em;
}

.icon-question {
  background-image: url("../img/home/icon01.png");
}

.icon-responsible {
  background-image: url("../img/home/icon02.png");
}

.icon-chat {
  background-image: url("../img/home/icon03.png");
}

// Topics section icons
.icon-agile, .icon-cloud, .icon-script {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  float: left;
  width: 5em;
  height: 5em;
}

.icon-agile {
  background-image: url("../img/topic/agile-icon.png");
}

.icon-cloud {
  background-image: url("../img/topic/cloud-icon.png");
}

.icon-script {
  background-image: url("../img/topic/skript-icon.png");
}

// Speakers section icons
.icon-keynote {
  background-image: url("../img/speaker/keynote-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon-speaker {
  background-image: url("../img/speaker/speaker-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 57px;
  height: 25px;
}

.icon-envelope, .icon-xing, .icon-twitter, .icon-plus {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 24px;
  height: 24px;
  &.small {
    width: 1em;
    height: 1em;
  }
}

.icon-envelope {
  background-image: url("../img/speaker/mail-icon.png");
}

.icon-xing {
  background-image: url("../img/speaker/xing-icon.png");
}

.icon-twitter {
  background-image: url("../img/speaker/twitter-icon.png");
}

.icon-plus {
  background-image: url("../img/speaker/plus.png");
}

// Contact section icons
.venue-location:before, .contact-email:after, .contact-phone:after, .contact-mobile:after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  content: "";
  .size(2em, 2em);
  margin-left: -2em;
}

.venue-location:before {
  background-image: url("../img/contact/point-icon.png");
}

.contact-email:after {
  background-image: url("../img/contact/@-for-mail-icon.png");
}

.contact-phone:after {
  background-image: url("../img/contact/phone-icon.png");
}

.contact-mobile:after {
  background-image: url("../img/contact/phone-icon.png");
}

