/*  socialmedia  */
.socialmedia-box {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
  z-index: 10;
}
.socialmedia-box li {
  display: block;
}

.socialmedia-box li a {
  font-size: 0px;
  display: block;
}

.socialmedia-box li a:before {
  font-size: 20px;
  font-family: "FontAwesomeBrands";
  color: #fff;
  display: block;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease-in-out 0s;
  background-color: grey;
  width: 22px;
  margin: 2px;
  height: 22px;
}

.socialmedia-box li.facebook a:before {
  content: "\f39e";
}
.socialmedia-box li.twitter a:before {
  content: "\f099";
}
.socialmedia-box li.google a:before {
  content: "\f1a0";
}
.socialmedia-box li.instagram a:before {
  content: "\f16d";
}
.socialmedia-box li.youtube a:before {
  content: "\f167";
}
.socialmedia-box li.pinterest a:before {
  content: "\f0d2";
}
.socialmedia-box li.linkedin a:before {
  content: "\f0e1";
}

.socialmedia-box li a:hover:before {
  color: #000;
}