/**
 * Customizations for social-media icons.
 * Credits to https://codepen.io/Deadlymuffin/pen/hGiqo/
 */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
.logo .social-icons {
  list-style: none;
  padding: 0;
}
.logo .social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}
.logo .social-icons li .social-icon {
  font-size: 20px !important;
  line-height: 60px !important;
  width: 55px !important;
  height: 55px !important;
  border: none !important;
}
.logo .social-icons li .social-icon:hover {
  border: none;
}
.logo .social-icons li .linkedin:hover {
  background-color: #0073a4;
  color: #fff;
}
.logo .social-icons li .github:hover {
  background-color: #333;
  color: #fff;
}
.logo .social-icons li .gitlab:hover {
  background-color: #fc6d26;
  color: #fff;
}
.logo .social-icons li .xing:hover {
  background-color: #007875;
  color: #fff;
}
.logo .social-icons li .slides:hover {
  background-color: #555;
  color: #fff;
}

/**
 * Basic Text/Layout stuff
 */
.contact > h3:first-of-type {
  margin-top: 0px;
}
.contact > h3:not(:first-of-type) {
  margin-top: 5px;
}
.contact > h3 > .project-tagline > a {
  border-bottom: none !important;
  display: block;
  margin-top: .5em;
}

#home > div {
  text-align: justify;
}

.profile-image {
  width: 150px;
  height: 150px;
  border-radius: 75px;
}