#social_block {
  padding: 20px;
}

#social_block a:hover,
#social_block a:focus,
#social_block a:active {
  text-decoration: none;
}

#social_block ul {
  display: flex;
  padding: 5px 0;
  margin: 0;
}

@media (max-width: 767px) {
  #social_block ul {
    justify-content: center;
  }
}

#social_block li {
  margin-right: 10px;
}

#social_block li:last-of-type {
  margin-right: 0;
}

#social_block li a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;

  border: 1px solid;
  border-radius: 50%;

  transition: 0.1s ease-in-out;
}

#social_block li a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-family: "FontAwesome";
  font-size: 22px;
  font-weight: 400;
}

#social_block li.facebook a {
  border-color: #385c8e;
}

#social_block li.facebook a::before {
  content: "\f09a";

  color: #385c8e;
}

#social_block li.facebook a:hover {
  background-color: #385c8e;
}

#social_block li.twitter a {
  border-color: #05cdff;
}

#social_block li.twitter a::before {
  content: "\f099";

  color: #05cdff;
}

#social_block li.twitter a:hover {
  background-color: #05cdff;
}

#social_block li.youtube a {
  border-color: #ff0000;
}

#social_block li.youtube a::before {
  content: "\f167";

  color: #ff0000;
}

#social_block li.youtube a:hover {
  background: #ff0000;
}

#social_block li.pinterest a {
  border-color: #e60023;
}

#social_block li.pinterest a::before {
  content: "\f231";

  color: #e60023;
}

#social_block li.pinterest a:hover {
  background-color: #e60023;
}

#social_block li a:hover::before {
  color: #fff;
}









/* -1- */









/* -2- */









/* -3- */





















/* --- */