/* vertical icon */


.icon_bar {
  position: fixed;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:1050;
}

.icon_bar a {
  display: block;
  text-align: center;
  padding:6px 6px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  animation: main_social 3s;
  transform-origin: 100% 50%;

}
@keyframes main_social {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.icon_bar a:hover {
  background-color: #000;
  transform: scale(1.1);
  border-radius:2px;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.instagram {
  background: #e4405f;
  color: white;
}
@media(max-width:768px)
{
  .icon_bar a {

    padding: 12px 12px;
    font-size: 15px;
    display: block;
  text-align: center;
  color: white;
  transform-origin: 100% 50%;
 
  }
}