.icon-bar {
  position: absolute;
  z-index: 99;
  top: 50%;
  right:0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 24px;
}
.icon-bar a:first-child {
border-radius: 10px 0px 0px 0px;
}
.icon-bar a:last-child{
  border-radius: 0px 0px 0px 10px;
}
.icon-bar a:hover {
  background-color: #000;
}
.instagram {
  background: transparent;
  color:white;
}
.facebook {
  background: transparent;
  color: white;
}

.twitter {
  background: transparent;
  color: white;
}

.google {
  background: transparent;
  color: white;
}

.linkedin {
  background: transparent;
  color: white;
}

.youtube {
  background: transparent;
  color: white;
}

@media (max-width: 500px) {
  .icon-bar {
     top: calc(50% + 23px);
  }
}